Javascript中的局部变量与全局变量

Question

我在 Javascript 中有这段代码：

var words = [];

d3.json("myFile.json", function(data) {
    words = data.words;
    console.log(words);  //Log output to console
});

console.log(words);  //Log output to console

第一个console.log(words); 显示了一个包含七个对象的数组。 但第二个console.log(words); 显示一个空数组。所以看起来 d3.json 函数外的 words 与该函数内的 words 不同。

我也尝试在函数之外使用console.log(window.words);，但它仍然显示一个空数组。

如何在 d3.json 函数中获取我从 myFile.json 读取的数据，在该函数之外？

Answer 1

d3.json 是一个异步函数。这意味着您传递的代码不会立即执行，而是在 JSON 文件请求返回后作为 回调 执行。也就是说，为文件发送了网络请求，但正常的执行流程仍在继续。

d3.json 之外的 console.log(words); 只是在调用返回并填充数组之前执行。