Préserver les variables dans une fonction de fermeture de javascript

Question

Je suis un novice en programmation javascript et j'aurais vraiment besoin d'aide/conseil.

Ce que je suis en train de faire: J'ai une fonction (ou objet ?!) qui ressemble à ceci:

var svgInteraction = function (containerId) { 
    var svgNamespace = "http://www.w3.org/2000/svg", 
     htmlns = "http://www.w3.org/1999/xhtml", 
    mathns = "http://www.w3.org/1998/Math/MathML"; 

    svgInteractions = {}; 

    svgInteractions[containerId] = "I am " + containerId; 
    console.log(svgInteractions); 

    return function() { 
     console.log(svgInteractions); 
    } 
}; 

i initialiser une variable comme ceci:

var svg1 = svgInteraction("container_1"); 
var svg2 = svgInteraction("container_2"); 

Le problème est que, pour chaque initialisation de svgInteraction, les objets svgInteractions se réinitialisent.

Il produit:

Object { container_1="I am container_1"} 
Object { container_2="I am container_2"} 

Est-il possible de conserver les anciennes valeurs à l'intérieur?

Merci

Answer 1

Ne réglez pas à un objet vide à chaque fois (svgInteractions = {}) la fonction est appelée.

Try this ...

var svgInteraction = (function() { 

    var svgInteractions = {}; 

    return function(containerId) { 
    // Implementation 
    } 

})(); 

Ici, svgInteractions est encapsulé, mais il sera également statique pour tous les appels à svgInteraction.