javascript - 将 JavaScript 的 .bind() 与回调函数集成

Question

所以，下面是一个非常简单的例子，我设置that为this这样我就可以使用myObj. 我将如何集成 Function.prototype.bind，以便我可以看到将来如何使用它？

var myObj = {

        specialFunction: function () {

        },

        anotherSpecialFunction(){

        },

        getAsyncData: function (cb) {
            // an operation
            cb();
        },

        render: function () {
            var that = this;
            this.getAsyncData(function () {
                that.specialFunction();
                that.anotherSpecialFunction();
            });
        }
    };

    myObj.render();

Answer 1

只需在您想要的方法上使用 bind 并指定上下文

render: function () {
    this.getAsyncData(this.specialFunction.bind(this));
}

---

    render: function () {
        this.getAsyncData(someFunction.bind(this));
        function someFunction() {
            this.specialFunction();
            this.anotherSpecialFunction();
        }
    }

Answer 2

我将如何集成 Function.prototype.bind

省略that，this改为使用并将函数绑定到实例：

…
    render: function () {
        this.getAsyncData(function () {
            this.specialFunction();
            this.anotherSpecialFunction();
        }.bind(this));
    }
…

只是为了让我看看我将来如何使用它？

您现在可以使用它。每个像样的浏览器都支持它，如果您真的关心旧的 Internet Explorer 之类的东西，您可以对其进行填充。

Answer 3

如果您仍想在传递给您的回调函数内部this引用，您希望您的函数看起来像这样：myObjgetAsyncDatarender

render: function () {
    this.getAsyncData((function () {
        this.specialFunction();
        this.anotherSpecialFunction();
    }).bind(this));
}