javascript - 如何从 JS 中的监听器函数内访问对象

Question

我想从 require() 函数的 success 监听器内部访问 foo.settings.debug 对象。我不断收到未定义的错误，当我引用“this”时，它最终会引用 ajax 对象。请帮忙。

var foo = {

    info: {

        version: '0.0.1'

    },

    settings: {

        debug: true

    },

    require: function(script) {

        $.ajax({
            url: script,
            dataType: "script",
            async: false,
            success: function(){
                if(foo.settings.debug) console.log('loaded js file: ' + script);
            },
            error: function(){
                throw new Error("Could not load script " + script);
            }
        });

    }
}

Answer 1

您需要对 foo 的引用，它是 foo 内部的 this 但 this 将是您的闭包内部的其他内容，因此您需要保留对 这个就像这样:

require: function(script) {
        var self = this;
        $.ajax({
            url: script,
            dataType: "script",
            async: false,
            success: function(){
                if(self.settings.debug) console.log('loaded js file: ' + script);
            },
            error: function(){
                throw new Error("Could not load script " + script);
            }
        });

    }