javascript - 代码仅在调试器模式下工作，并在 console.log 处设置断点，否则不起作用

Question

我有以下代码，该代码仅在调试器模式下工作，并在 console.log 上有一个喙点。最终编译时数组 pageData 为空，下一个每个循环都不会被编译。我通过 ajax 调用只得到 10 个对象，如果我得到 100 个对象，如何停止调试器，直到加载数组。所有浏览器都会发生这种情况

//ajax call ,
            function(responses) {
                responses.data.sort(function(a,b){
                    var aa=a.were;
                    var bb=b.were;
                    return bb-aa;
                });           
                $.each(responses.data, function (index, value) {
                       var pageData1={
                      were: value.were,
                      id: value.id,
                      name: value.name,
                      category: value.category,
                      address: value.location.street,
                      city:value.city,
                      talk: value.talki, 
                      link:value.link
                      }
                    pageData.push(pageData1);
                    });
            });
            console.log(pageData);
     $.each(pageData, function(key,value){
         table=table+"<tr><td><a href="+pageData[key].link+">"+pageData[key].name+"</a> </td><td>"+pageData[key].were+" </td><td> "+pageData[key].address+"</td><td> "+pageData[key].talk+"</td></tr>";
         });
    $("#tabledata").show();
    $("#messages").append(table);

编辑:
function(responses) {
responses.data.sort(function(a, b) {
var aa = a.were;
var bb = b.were;
return bb - aa;
});
$.each(responses.data, function(index, value) {
var pageData1 = {
were: value.were,
id: value.id,
name: value.name,
category: value.category,
address: value.location.street,
city: value.city,
talk: value.talki,
link: value.link
};
pageData.push(pageData1);
});
console.log(pageData);
$.each(pageData, function(key, value) {
table +=
"<tr>" +
"<td><a href="+pageData[key].link+">"+pageData[key].name+"</a> </td>" +
"<td>"+pageData[key].were+" </td>" +
"<td> "+pageData[key].address+"</td>" +
"<td> "+pageData[key].talk+"</td>" +
"</tr>";
});
$("#tabledata").show();
$("#messages").append(table);
});

Answer 1

您的function(responses)仅在ajax完成时调用。

Javascript 不会等待它完成，而是会在数据返回之前运行 console.log，让您在运行时什么也没有。

在 Debug模式下，您可以在 console.log 上停止它(在运行之前)，为异步 ajax 调用提供时间来完成并填充 pageData 变量。

所有依赖此数据的代码必须位于 $.each 函数之后，以便在数据返回时一起调用它们。