将 .bind (mootools) 与 onClick 事件结合使用

Question

我有代码（在一个对象内） <代码> onclick: this._addX.bind(this) 然后在另一个对象内 <代码> onclick: this._addY.bind(this) y

现在，_addX() 和 _addY 几乎相同，只是它们最终都调用（在单击事件上）具有不同参数值的函数，例如 _addX 调用 foo('x') 和 _addY 调用 foo(' '）。所以我尝试了：

<代码> onclick: this._add.bind(this,'x') 和 onclick: this._add.bind(this,'y') 在两个对象中。当然，我更改了 _add 以接受参数。

在运行时，当调用 _add 时，它看不到任何传入参数！我摸索过不同的语法，但没有任何效果。有什么想法吗？原始语法工作正常（没有参数），但迫使我复制一个只有一行不同的大函数，这让我很痛苦。提前致谢。

_add: function(which) {
    var me = this;
    var checkFull = function(abk) {
        if (abk.isFull) {
            alert("full");
        } else {
        alert(which);  // which is always undefined here!
        }
    };
    getAddressBook(checkFull); //checkFull is a fn called by getAddressBook
},

Answer 1

这是可行的，它将作用域保留在元素单击事件中，并将作用域设置为类而不是元素——将作用域传递给 add 方法是没有意义的，它已经有了：

var foo = new Class({
    Implements: [Options],
    add: function(what) {
        alert(what);
    },
    initialize: function(options) {
        this.setOptions(options);

        this.options.element.addEvents({
            click: function() {
                this.add(this.options.what);
            }.bind(this)
        });
    }
});

window.addEvent("domready", function() {
    new foo({
        element: $("foo"),
        what: "nothin'"
    });
});

只需创建一个 id=foo 的元素并单击它进行测试（没有任何警报）。如果您的 onclick 是类中的函数/事件处理程序而不是普通的元素单击事件，那么事情会略有不同 - 在 http://mootools.net/shell/

Answer 2

如果您阅读了我之前的回答，请忽略它。 MooTools .bind 方法支持传递参数。所以其他东西没有按您期望的那样工作：

onclick: this._add.bind(this, 'y');

这里是 JSBin 上的简单设置，以展示 Bind 的真正作用传递参数。

Answer 3

绑定的唯一目的是“告诉”JS，当你说this时，你指的是什么对象。即，您将您希望 this 关键字在您使用 bind 的函数内引用的对象实例作为参数传递给 bind在。