Question

我正试图在我的 JavaScript 对象中创建一个数组, 其中包含从 JSON 文件里用 $.getJSON () 函数在 jQuery 中提取的物体。我正运行到范围问题, 在那里, 数组元素似乎被设置在 $.getJSON () 函数中, 但是在它之外, 数组是空的。以下是代码 :

function player(playlist){
...
var tracks = [];

this.start = function() {
...
    $.getJSON(playlist, function(data){
        $.each(data.tracks, function(key,value){
            var track_info = function(info){return info}(value);
            tracks.push(track_info);
        });
        console.log("from .getJSON function");
        console.log(tracks);
    });
    console.log("outside .getJSON function");
    console.log(tracks);
    ...
};
...
$(document).ready(function(){
    var the_player = new player(playlist);
    the_player.start();
)};

产出是:

outside .getJSON function
[]
from .getJSON function
[Object, Object, Object]

所有对象都包含JSON文件的正确数据。

我对此感到困惑, 有人能帮我理解吗?

Answer 1

提示是顺序 :

outside .getJSON function
[]

随随随随

from .getJSON function
[Object, Object, Object]

您在得到 JSON 响应前正在执行您的外部代码, 这并不奇怪, tracks 是空的。这看起来似乎是反直观的 - < code> from. getJSON 函数出现在源头, 但正在执行第二个! 这是因为 < code>. getJSON 不是同步的。它在继续下一个语句前没有执行回调参数。它会立即延续到下一个语句, 稍后再执行回调。

Answer 2

$.getJSson 是一个 AJAX 的电话, 并且非常同步。这意味着您 connoole.log ("在.getJSson 函数" 外) ; 在您 AJAX 调回( 并填充数组) 之前被调用。提示是, 正在发生的是您在内部之前看到的输出。

友情链接