回调中的js`this`上下文[重复]

Question

给定类函数

game.PlayScreen = me.ScreenObject.extend({  

    onResetEvent: function() {
        this.setAll(); //calls setAll(), which calls setGlobals()
        this.saveNextLevelData(this.setAll);
    },

    saveNextLevelData : function (callback) {
        $.get("./php/CRUD.php", {},
            function (returned_data) {
                callback(); //however, the callback of setAll throws 
                           `undefined is not a function` error
            }
    },

    setAll : function () {
         log("setAll called");
         this.setGlobals();
    },

    setGlobals : function () {
         log("setGlobals called");
    }
});

基本上，我对调用回调函数时this 上下文如何丢失感到困惑。

在上面的代码中，

• 工作：直接从onResetEvent调用this.setAll()输出"setAll called"和"setGlobals called"

• 中断：callback()从$.get调用this.setAll()输出"setAll called"但this.setGlobals();中断...我认为由于丢失this上下文...它输出Uncaught TypeError: undefined is not a function

当您调用包含属于父对象（在本例中为this）的函数的回调函数时，我试图遵循this 的上下文。如果我想从this.setAll() 的回调中调用this.setGlobals()，我究竟需要在哪里进行绑定？

谢谢

Answer 1

我认为最好从调用者部分传递上下文，可以使用$.proxy()/Function.bind()所以

this.saveNextLevelData($.proxy(this.setAll, this));

另一个解决方案是将当前对象作为上下文从 ajax 回调传递给回调，问题是默认情况下回调中的this 将引用 ajax 设置对象。所以

saveNextLevelData : function (callback) {
    var self = this;
    $.get("./php/CRUD.php", {},
        function (returned_data) {
            callback.call(self);
        }
},