使用对象方法访问对象属性

Question

我正在尝试构建一个名为 myApp 的应用程序，该应用程序具有属性 regularNameErrors 和方法 populateJSON，该方法使用 AJAX 调用来获取 JSON 对象，然后将其添加到声明为该方法的参数之一的属性中。

获取数据的功能确实有效，因为位置 3 的警报提供了正确的键列表。但是 1 处的警报返回 undefined 并且 2 处的警报为空白。

当我再次用myApp.regularNameErrors = data 替换行destination = data 时，它可以工作，所以我认为我误解了如何将对象属性传递给对象方法。但是我想多次使用方法 populateJSON 并且需要知道传递属性的正确方法。

var myApp = {
init: function () {
    myApp.populateJSON(myApp.regularNameErrors, 'data/spelling.json').done(function () {
        alert(myApp.regularNameErrors['kingscross']); //1
    });
},
regularNameErrors: {}, //Object of spelling mistake:proper key:value pairs
populateJSON: function (destination, source) {
    var def = $.Deferred();
    $.getJSON(source, function (data) {
        destination = data;
        alert(Object.keys(myApp.regularNameErrors)); //2
        alert(Object.keys(data)); //3
        def.resolve();
    });
    return def.promise();
},
};

Answer 1

由于能够使用返回的 getJSON 对象的延迟属性，函数可以减少到几行，因此无需创建名为 populateJSON 的新函数

var myApp = {
init: function () {
    $.getJSON('data/spelling.json').done(function(data) {
        myApp.regularNameErrors = data;
    });
},
regularNameErrors: {},
};

Answer 2

destination 不是指向您传递给函数的属性的“指针”，而是一个保存属性评估值的变量。当您分配给destination 时，您只需写入您的populateJSON 函数的局部变量。

如果您希望能够声明目的地，则需要传递一个基础对象（或始终使用myApp）和一个属性名称：

var myApp = {
    init: function () {
        myApp.populateJSON('regularNameErrors', 'data/spelling.json', function() {
            alert(Object.keys(myApp.regularNameErrors)); //2
            alert(myApp.regularNameErrors['kingscross']); //1
        });
    },
    regularNameErrors: {}, //Object of spelling mistake:proper key:value pairs
    populateJSON: function (destinationName, source, callback) {
        $.getJSON(source, function (data) {
            myApp[destinationName] = data;
            alert(Object.keys(data)); //3
            callback();
        });
    }
};

但是，我看到您正在使用承诺模式。 Promise 不应该用作简单的通知器（“现在数据已经到达某处”），但它应该代表数据本身（“现在，这里是数据” ) - 用数据解决它，而不是将数据存储在全局变量/属性中并且什么都不解决。实际上，$.ajax does already return such a promise 所以你不必为此做太多事情：

var myApp = {
    init: function () {
        myApp.regularNameErrors = $.getJSON('data/spelling.json');
        myApp.regularNameErrors.done(function(data) {
            alert(Object.keys(data)); //3
            alert(data['kingscross']); //1
        });
    }
};