var lists = [];
getData();
function getData() {
$.getJSON(url, function (res) {
lists = res.list;
console.log(lists) //可以正常打印
})
}
console.log(lists); //[]
如上述代码,当在函数外打印lists时,结果为空,但是在函数内可以正常打印。这是为什么呢?
原因:
因为getJSON是异步执行的,即console和getData是一起执行的,所以getData中的赋值运算赋值成功了,但是由于是一起执行,这时候的全局变量还没有被赋值,所以为空。可以给console加个定时器看一下,你就明白了。
解决方法:
强制同步,$.ajaxSettings.async = true;
var lists = [];
getData();
function getData() {
$.ajaxSettings.async = false;
$.getJSON(url, function (res) {
lists = res.list;
console.log(lists) //可以正常打印
})
$.ajaxSettings.async = true;
}
console.log(lists); //可以正常打印
ps:代码不要放在 $(document).ready 或 window.onload 中,否则依然不能正常打印。