Comment bien travailler _around_ Javascript persistence?

Question

Il y a une persistance basique de Javascript vars/etc. Vous appelez une fonction/méthode et la prochaine fois que vous appelez cette même fonction/méthode, elle conserve les données de la dernière fois.

Vous pouvez supprimer les vars lorsque vous en avez fini avec eux, mais cela supprime l'avantage d'utiliser à nouveau le code pour cette instance.

Alors, quel est le bonne façon d'écrire du code qui peut être réutilisé, sur différents éléments, à l'intérieur de la même page.

Par conséquent, j'ai besoin de la capacité d'écrire du code afin que je puisse pointer sur plusieurs éléments différents, puis interagir avec ce code séparé pour chaque élément.

Ainsi en PHP (comme exemple) que je ferais:

$element1 = new MyClass(); 
$element2 = new MyClass(); 
$element3 = new MyClass(); 

dans ce cas, il est le même code en cours d'exécution dans trois champs distincts. Comment puis-je faire cela correctement avec JS. Même l'utilisation de extend() de jQuery me pose des problèmes.

Merci.

Answer 1

Pour créer une instance en JavaScript, vous devez écrire une fonction constructeur et l'appeler en utilisant new. Par exemple:

function MyClass(somevalue) { 
    this.somevalue = somevalue; 
    this.somefunction = function() { 
    alert(somevalue); 
    } 
} 

var instance1 = new MyClass(1); 
var instance2 = new MyClass(2); 
var instance3 = new MyClass(3); 

Answer 2

Utilisez le mot-clé var lors de la définition de variables locales (sinon, elles seront définies par défaut sur globales).

function foo() { 
    var i; 
    // code code code code 
} 

Answer 3

Vous pouvez nommer votre JavaScript pour qu'il ressemble beaucoup à ce que vous recherchez. Voir ci-dessous pour un exemple. Il semble que votre problème soit lié à l'utilisation de variables globales dans lesquelles vous voulez utiliser des variables locales, c'est-à-dire que vous déclarez var myvariable; en dehors de votre fonction, mais seulement vouloir l'utiliser et l'oublier dans votre fonction. Dans ce cas, déclarez la variable dans votre fonction pour la rendre locale.

var MyNameSpace = function() { 
    return { 
     sayhello : function() { 
      alert("hello"); 
     }, 
     saygoodbye : function() { 
      alert("see ya"); 
     } 
    }; 
}(); 

Answer 4

Il semble que ce que vous recherchez soit la possibilité d'avoir des instances d'une classe et d'avoir des données privées associées à chaque instance.

Vous pouvez le faire en utilisant la technique suivante:

function Foo() 
{ 
    // Member variable only visible inside Foo() 

    var myPrivateVar;  

    // Function only visible inside Foo() 

    var myPrivateFunction = function() 
          { 
           alert("I'm private!"); 
          } 

    // Member variable visible to all 

    this.myPublicVar = "Hi, I'm public!"; 

    // Function visible to all 

    this.myPublicFunction = function() 
          { 
           myPrivateVar = "I can set this here!"; 
          } 
} 

Vous pouvez créer et utiliser un de ces utilisant la syntaxe suivante:

var myFoo = new Foo(); 

myFoo.myPublicVar = "I can set this!"; 
myFoo.myPublicFunction();