(js) Firebug 调试导致代码正常工作

Question

请原谅这个尴尬的标题，我会尽力解释我的特殊问题。

我有三段 javascript 代码：

• 一些自执行代码，它调用我的个人 Ajax 函数并向其传递回调。
• 检索数据的 ajax 函数本身调用向其传递数据的回调。
• 回调本身接收数据并将其解析为 n 长度的数组。

需要注意的是，自执行代码和回调函数是在它们自己的闭包中定义的。 ajax 函数是通过导入的命名闭包访问的，我将其定义为 $。

我对 JavaScript 还很陌生，并且仍在学习闭包及其作用域。我有理由相信这个问题很可能与此有关。

不管怎样，我的问题与尝试访问那个所谓的填充数组有关。由于我在合适的范围内（或者我相信）将数组定义为解析函数，我认为将项目推入其中应该没有问题。

这是自我执行的：

(function ($){

    //Load stock
var items = [];
var response = $.Ajax("scripts/Lookup.php","GET",parse);

function parse(a){
    for(/*Simplified view*/){
        var item = new $.Item();
        item.name = domStuff.textContent;
        item.description = domStuff.textContent;
        item.price = domStuff.textContent;
        item.id = domStuff.textContent;

        items.push(item);
    }
}

    //Test the length (and verify contents)
    for(var i=0; i < items.length; i++){
        alert(items[i].price);
    }
}($));

这是我的定义，其中包括 Ajax 函数：

var $ = (function(){
var s = {};

    var ajax = function(url,method,callback){
        var a = new XMLHttpRequest();
        a.open(method, url, true);
        a.onreadystatechange = function(){
        if(this.readyState==4){
                callback(a);
            }
    }
    a.send();
    };

    s.Ajax = (function(){
        return ajax;
    }());

return s;
}());

---

所以证明标题合理的是，当我用 firebug 探测代码时，我可以看到 items 填充了 3 个正确定义的对象通过解析的数据。

然后循环按预期发出 3 次警报。

但是，如果我删除断点并让 firebug 忽略代码，则循环不会执行，我只能假设数组为空。

如果我在测试循环之前alert(items)，该代码也可以工作。

Answer 1

AJAX 正在异步填充项目，这意味着在您的闭包中，第一次执行 items.length 将为零（从原始数组初始化）。随着时间的推移，AJAX 通过调用 parse 方法将填充此数组。

因为您将 items 保存在闭包中，所以您实际上无法从外部访问它 - 这是一个很好的做法，但可能会导致调试问题！而不是 items.push(item) 尝试 alert(item) （任何浏览器，但执行阻塞）或 console.log(item) （仅 firebug），以查看您确实从 AJAX 获取结果，只是不在初始执行中。

Answer 2

无论如何，我都不是 JavaScript 专家。然而，我在其他编程语言中遇到过调试已经解决了问题的情况。

在这些情况下，调试已经减慢了代码的运行速度。某些进程 A 需要异步进程 B 在执行超出某个点之前返回一个对象或执行某些操作。在这些类型的场景中最有可能发生的是主线程正在继续或不等待其他例程填充对象。

我希望这有帮助。

Answer 3

您的解析函数是异步调用的。在测试之前，您需要等待解析函数被调用。

要么在解析函数中测试结果，要么使用另一个函数作为 ajax 调用的回调。该函数调用parse，然后测试结果。