Comment puis-je accéder aux variables en dehors de la portée actuelle en javascript?

Question

J'écris une application en javascript et je n'arrive pas à comprendre comment accéder aux variables déclarées dans ma fonction, à l'intérieur de cette analyse jquery. À l'intérieur, je peux accéder aux variables globales, mais je ne veux pas vraiment créer de variables globales pour ces valeurs.

Fondamentalement, je veux extraire les noms de fichiers d'un document XML dans la variable simulationFiles. Je vérifie si l'attribut de noeud est égal à simName et extrait les deux chaînes à l'intérieur des éléments xml, cette partie je pense que cela fonctionne.

Comment puis-je extraire ces éléments xml et les ajouter à des variables locales?

function CsvReader(simName) { 
    this.initFileName = "somepath"; 
    this.eventsFileName = "somepath"; 
    $(simulationFiles).find('simulation').each(function() { 
     if ($(this).attr("name") == simName) { 
      initFileName += $(this).find("init").text(); 
      eventsFileName += $(this).find("events").text(); 
     } 
    }); 
} 

Answer 1

Le this dans la fonction CsvReader est pas de même dans le rappel thiseach() (où il est à la place de l'élément courant dans l'itération). Pour accéder à la portée de la fonction externe dans le rappel, nous devons être en mesure de faire référence par un autre nom, que vous pouvez définir dans le champ extérieur:

function CsvReader(simName) { 
    this.initFileName = "somepath"; 
    this.eventsFileName = "somepath"; 
    var self = this; // reference to this in current scope 
    $(simulationFiles).find('simulation').each(function() { 
     if ($(this).attr("name") == simName) { 
      // access the variables using self instead of this 
      self.initFileName += $(this).find("init").text(); 
      self.eventsFileName += $(this).find("events").text(); 
     } 
    }); 
} 

Answer 2

J'ai fait une working demo (je l'ai changé à utiliser classes donc ça fonctionnerait avec HTML).

function CsvReader(simName) { 
    this.initFileName = "somepath"; 
    this.eventsFileName = "somepath"; 
    var context = this; 
    $(simulationFiles).find('simulation').each(function() { 
     if ($(this).attr("name") == simName) { 
      context.initFileName += $(this).find("init").text(); 
      context.eventsFileName += $(this).find("events").text(); 
     } 
    }); 
}