如何在函数中获取值[重复]

Question

我在这里做错了什么？我想通过 console.log 获得新的啤酒价值，但它一直给我 undefined 在这里我已经尝试过有人可以帮助我吗？

var beers;
function attached() {
    var inquiryUrl = baseUrl + "/ProviderSingle?$top=8";
    $.getJSON(inquiryUrl, function (viewModelFromServer) {
        beers = JSON.stringify(viewModelFromServer.value);
    });
}

console.log(beers);

Answer 1

因为 $.getJSON 是一个异步调用。它不会等待完整的事件发生。试试看

function attached() {
var inquiryUrl = baseUrl + "/ProviderSingle?$top=8";
$.getJSON(inquiryUrl, function (viewModelFromServer) {
    beers = JSON.stringify(viewModelFromServer.value);
    console.log(beers);
});
}

---

异步意味着代码不在队列中执行（同步）：

alert( 1 );
alert( 2 );
alert( 3 );

这些总是1,2,3，它们是同步的。以下代码是异步的：

alert( 1 );
$.getJSON(inquiryUrl, function (data) { alert( 2 ); });
alert( 3 );

假设 ajax 调用需要 1 秒。警报将转到1,3，并且在此代码启动后 1 秒，异步 ajax 调用已准备就绪，并将提醒 2

Answer 2

使用 promise 正确更新值。

var beers;
var promise = null;
function attached() {
    var inquiryUrl = baseUrl + "/ProviderSingle?$top=8";
    promise = $.getJSON(inquiryUrl);
}

promise.done(function(data) {
    beers = JSON.stringify(data.value);
    console.log(beers);
});