Javascript Technique de fermeture

Question

1. J'ai un objet qui crée un diaporama.
2. Je veux avoir plusieurs diaporamas sur une page
3. J'ai un gestionnaire d'événements pour l'élément diaporama à l'intérieur
4. Je veux que le gestionnaire d'événements pour connaître l'objet diaporama a créé un élément cliqué

-

slideshow=function(){ 

    var g = document.createElement(...); 

    ... 

    g.onclick = f1; 

    f1 = function(slideshow_instance, event) { 
     //EXPLAIN ME HOW TO GET THE slideshow_instance 
    } 

} 

var sl1 = new slideshow(); 
var sl2 = new slideshow(); 

en cliquant sur un diaporama élément a créé devrait revenir soit

SL1

ou

SL2

J'explique bien?

Answer 1

Réponse courte, utiliser: this.

réponse plus longue, ce que vous voulez est:

slideshow=function(){ 
    /* ... */ 

    var self = this;  

    f1 = function(event) { 
     // do stuff with self. 
    } 

} 

La raison pour laquelle vous devez pointer vers this en utilisant self est que les gestionnaires d'événements vont changer le sens de this quand ils sont appelés. Mais au moment où l'objet est créé this se référer correctement à l'objet correct (une instance de diaporama). La raison pour laquelle nous pouvons accéder à la variable self au cours du rappel d'événement est qu'il a été capturé par une fermeture. N'hésitez pas à google ou chercher sur stackoverflow n'importe quel mot/terminologie de la description ci-dessus si vous avez besoin d'explications supplémentaires.

Answer 2

slideshow=function(){ 

    var g = document.createElement(...); 
    g._objRef = this; 

    ... 

    g.onclick = f1; 

    f1 = function(event) { 
     alert(this._objRef); 
    } 

} 

var sl1 = new slideshow(); 
var sl2 = new slideshow(); 

Un peu un hack imo, mais ça devrait faire l'affaire.