javascript - JavaScript の .bind() をコールバック関数と統合する

Question

したがって、以下は、のスコープを使用できるように に設定thatした場合の非常に必要最小限の例です。Function.prototype.bind をどのように統合すれば、将来どのように使用できるかを確認できますか?thismyObj

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

渡されたコールバック関数内thisを引き続き参照したい場合は、関数を次のようにする必要があります。myObjgetAsyncDatarender

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