Javascript 函数变量突然变得未定义？

Question

这是最奇怪的事情。我的代码如下:

function menuSwipe(init){
    dojo.query('div.fill div.container div.menu div.group ul').forEach(function(item){
        dojo.fx.wipeOut({
            node: item,
            duration: 1
        }).play();
        dojo.query('li', item).forEach(function(childrenItem){
            if (dojo.hasClass(childrenItem, 'active')) 
                childrenItem.parentNode.className = 'items active';
        });
        if (item.className == 'items active') {

            dojo.query('div.category', item.parentNode).forEach(function(parentItem){
                setTimeout(function(){
                    menuOpen(parentItem, init);
                    doGrayscale(parentItem);
                }, 100);
            });
        }
    });
}

基本上 init 会保留在内存中，直到进入 if (item.className == 'items active') 条件。之后它变为undefined。这是我设置的 bool 值。只要它在 if (item.className == 'items active') 之前，它就会保留其值。我没有理由这样做。我尝试执行 this.init = 并将其设置为 var init = init。有谁知道或者有什么方法可以在整个功能中保留它的值(value)？它不是 init 命名，我尝试了不同的名称，它仍然做同样的事情。

谢谢，达伦

Answer 1

问题是在函数完成后运行超时，因此在超时运行时 parentItem 变量超出了范围。

在该范围内创建一个局部变量，以便为超时函数创建一个闭包。这样每次迭代都有自己的变量:

dojo.query('div.category', item.parentNode).forEach(function(parentItem){
  var itemCopy = parentItem;
  window.setTimeout(function(){
    menuOpen(itemCopy, init);
    doGrayscale(itemCopy);
  }, 100);
});