getJSON 范围和变量定义

Question

我无法理解为什么我的代码运行不正常。即，我很困惑为什么在函数运行后foo.bar 是undefined，但在函数中定义。

function async(foo, n) {

  console.log("getting value number: " + n);

  $.getJSON("database.json", function(data) {
    foo.bar = data.value[n];
    console.log(foo.bar); // this works
  });
}

//////////////////////////////////////////////////////////

var foo = new String();

async(foo, 0);

console.log(foo.bar); // doesn't work

javascriptconsole 输出以下内容：

>getting stop number: 0
>undefined
>defined

Answer 1

$.getJSON 将异步运行回调。也就是说它是非阻塞的，只有在收到响应后才会运行回调，这是在所有其余代码都运行之后。

Answer 2

更新：

function async(foo, n) {
        // «foo» is a parameter that only exists in the context of the function «async()», the same way for «n».

        console.log("getting value number: " + n);

        $.getJSON( "database.json", function(data) {
        // Dynamically, the Javascript engine foo is interpreted as an object, because your result is an object with a specific value.
            foo.bar = data.value[n];
        // You're overwriting foo parameter with the new result. (data.value[n]).

        // Then
            console.log(foo.bar);    // this works!
        });
}

还有：

var foo = new String();

foo 是 String 的原始对象。

当你这样做时：

console.log(foo);

你在控制台中得到这个：

String {length: 0, [[PrimitiveValue]]: ""}

在这一行：

async(foo, 0);

您正在使用 String 的原始对象和 «0» 作为参数调用异步函数。

更新了适当的解决方案：

默认情况下，依赖于 异步或同步请求，将完成与 请求完成时所需的值。这取决于 来自服务器的响应。

你需要等待服务器的响应来分配一个变量 与最终值，然后显示它。

你应该试试这个：

var foo = {}; // Declare an object.
foo.bar; // Add bar attribute in this object.


function async(n) {
    console.log("getting value number: " + n);

    $.getJSON("database.json", function (data) {
        foo.bar = data.value[n]; // foo.bar has a new value from the Asynchronous request.
        printResult(); // Call printResult function to print in the console.
    });
}

function printResult() {
    console.log(foo.bar);
}


// Execute async function.
async(0);

Demo