Javascript variable de fonction devient soudainement indéfini?

Question

c'est la chose la plus étrange. Mon code est ci-dessous:

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); 
      }); 
     } 
    }); 
} 

Fondamentalement init reste en mémoire jusqu'à ce qu'il passe dans le cas (item.className == 'items active') conditionnelle. Après cela, il devient undefined. C'est une valeur booléenne que je mets en place. Tant qu'il est avant if (item.className == 'items active') il conservera sa valeur. Je n'ai aucune raison de le faire. J'ai essayé de faire this.init = et en le définissant comme var init = init. Est-ce que quelqu'un sait ou existe-t-il un moyen de conserver sa valeur tout au long de la fonction? Ce n'est pas le nom d'init, j'ai essayé un nom différent et ça fait toujours la même chose.

Merci, Darren

Answer 1

Le problème est que le délai d'attente est en cours d'exécution après que la fonction est terminée, si la variable parentItem est passé hors de portée lorsque les courses de délai d'attente.

Créez une variable locale dans cette étendue, de sorte qu'une fermeture soit créée pour la fonction de temporisation. De cette façon, chaque itération a sa propre variable:

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