javascript - 闭包内的 jQuery 变量可见性

Question

关于这段代码:

$.each(divList, function(){ 
    var dropdown = '';
    $.get("ajax.php",{'some':'params', 'other':'params'},function(msg){
        dropdown = msg;
        console.log( dropdown );
    });
    console.log( dropdown );
    $(dropdown).appendTo($(this));
});

...第一个日志显示下拉变量保存从 ajax 返回的正确文本，第二个是空的(appendTo 什么都不做)。

有没有办法让它起作用？是否与所使用的浏览器有某种依赖性？

Answer 1

$.get() 是异步的:它返回得非常快，在后台执行其工作并通过调用您提供的回调函数发出完成信号。

由于您对 console.log() 的第二次调用和对 appendTo() 的调用都在回调之外，因此它们会运行得太早，在 $ 之前.get() 完成并设置 dropdown。

通常的模式是将对 appendTo() 的调用放在回调函数中:

$.each(divList, function() {
    $.ajax({
        url: "ajax.php",
        data: {
            // your parameters...
        },
        context: this,
        success: function(msg) {
            console.log(msg);
            $(msg).appendTo(this);
        }
    });
});

编辑:如果您想从回调函数中访问原始的this 引用，您可以在context 选项中将其传递给$.ajax() ，就像上面的代码一样。