javascript - 离开范围时丢失数据

Question

我正在用 javascript 编程一些东西，有一次我进行了一个 ajax 调用我将数据存储在对象字面量中，但是当我离开范围时，我丢失了数据(即使在我的对象字面量中)

我不明白这里发生了什么

var menusView = {
menusRep: null,
init: function () {
    this.menusRep = menusRepository;
    this.getMenus();
},
getMenus: function () {

    $.ajax({
        url: 'data/voordeelmenus.json',
        dataType: 'json',
        success: function (data) {
            menusView.menusRep.menus = data;
            console.log(data);//console output: [object, object,...]
            console.log(menusView.menusRep.menus);//console output: [object, object,...]
        },
        error: function (error) {
            alert("error reading file: " + error);
        }
    });

    console.log(menusView.menusRep.menus); //console output: []

}
}

var menusRepository = {
menus: []
}

我想我包含了所有重要的代码提前致谢!

Answer 1

我认为这是由于 AJAX 的异步特性以及您使用它的方式造成的。最终的 console.log 在 AJAX 调用完成之前触发，因此在创建 console.log 时数据不可用。

在我看来，您有几个选择。您可以在成功回调中使用返回的数据，在成功回调中使用另一个方法来处理返回的数据，或者您可以将 async 设置为 false 以阻塞方式处理 AJAX 请求。

 $.ajax({
    url: 'data/voordeelmenus.json',
    dataType: 'json',
    async: false,
    success: function (data) {
        menusView.menusRep.menus = data;
        console.log(data);//console output: [object, object,...]
        console.log(menusView.menusRep.menus);//console output: [object, object,...]
    },
    error: function (error) {
        alert("error reading file: " + error);
    }
});