Javascript var 提前发布

Question

我有一个已经使用过多次的函数，但在这一次修改中，我似乎遗漏了一些东西。我有一个 var listHTML ，我用它作为附加 HTML 的基础，这样我就可以在 for 循环完成后更新 div 的 HTML，但无论出于何种原因，在for 循环完成。我认为在循环运行之前在循环外部创建对 var 的引用足以将其保留在内存中直到函数结束......我猜不是。

代码:

var listHTML = '';

    for(var j = 0; j < arr.length; j++)
    {
        var product = arr[j].split(",");
        var key = product[1];

        $.ajax({
            url:"http://domain.com/dir/get.php?key="+encodeURIComponent(key),
            dataType: 'jsonp', 
            success:function(json){

                var i = 0;

                while(json[i])
                {
                    listHTML += '<div class="row">';
                    listHTML += '<div class="image"><img src="'+json[i]["image"]+'"/></div>';
                    listHTML += '<div class="title">'+json[i]["title"]+'</div>';
                    listHTML += '<div class="quantity"><input type="number" id="'+key+'" value="'+product[0]+'"/></div>';
                    listHTML += '<div class="actions"><img src="/_newsite/images/icons/trash.png" onclick="removeFromCart('+"'"+key+"'"+')" title="Remove From Cart/><img src="/_newsite/images/icons/update.png" onclick="updateCart('+"'"+key+"'"+')" title="Update Quantity"/></div>';
                    listHTML += '</div>';

                    i++;
                }

                console.log(listHTML);

            },
            error:function(){
                alert("Error");
            },
        });

    }

    console.log(listHTML);

当 console.log 在 for 循环内部运行时，它返回我期望的正确值，但 for 循环外部函数末尾的值返回 null。

Answer 1

在函数完成后的某个时间，您的 ajax 成功回调将被调用。 Ajax 中的“A”代表异步。

因此，当您的函数完成时，listHTML 尚未被触及。您需要修改成功回调函数内的 listHTML 并在那里使用它，或者将其作为您从成功回调中调用的参数传递给另一个函数。您无法按照您尝试的方式在成功处理程序之外使用它。