JavaScript 重复委托(delegate)创建

Question

我正在为 HTML5 canvas 创建一个小型包装器，我正在做的一件事是从我包装的每个方法中返回 self/this 以简化调用链。

由于没有更好的名字，我称我的包装器为 Canvas。它基本上将 Canvas 和上下文包装在一起。

我做的一件事是将以下方法添加到 Canvas.prototype

Canvas.fn = Canvas.prototype = {
    save: function () { this.ctx.save(); return this; },
    restore: function () { this.ctx.restore(); return this; },
    scale: function (x, y) { this.ctx.scale(x, y); return this; },
    rotate: function (angle) { this.ctx.rotate(angle); return this; },
    translate: function (x, y) { this.ctx.translate(x, y); return this; },
    transform: function (a,b,c,d,e,f) { this.ctx.transform(a,b,c,d,e,f); return this; },

有没有更简单的方法来使用一些委托(delegate)来添加这些方法？也许用数组或函数名？请注意，某些方法采用参数，我想将它们原封不动地传递给实际的 self.ctx 方法。

Answer 1

是这样的吗？

var functionNames = ['save', 'restore', 'scale', 'rotate', 'translate', 'transform'];

for(var i = 0; i < functionNames.length; i++) {
    (function(funcName) {
        this[funcName] = function() {
            this.ctx[funcName].apply(this.ctx, arguments);
            return this;
        };
    )(functionNames[i]);
}