for-loop 卡在同一个数字上

Question

下面的循环运行一次 i=0，然后无限期地运行 i=1 导致浏览器崩溃，即 i 不递增：

cascadeComponent: function(item, fn, scope) {
    if (fn.call(scope || this, item) !== false) {
        if (item.items) {
            for (i = 0; i < item.items.items.length; i++) {
                this.cascadeComponent(item.items.items[i], fn, scope);
            }
        }
    }
}

我可以通过使用框架迭代循环来避免这个问题。或者，我使用相同的循环处理数组在 item.items 与 item.items.items 中的细微差别。

任何想法为什么会发生这种情况？在 Chrome 和 Firefox 中也是如此。

Answer 1

您正在使用全局 i 变量。在函数开头添加这一行：

var i;

否则，对于所有cascadeComponent 的调用，每个递归调用都会将i 重置为0。