Scoping "this" en Javascript (et jQuery.extend)

Question

Désolé si cela a été répondu, mais je ne pouvais pas trouver une recherche ... une chose difficile à rechercher, je pense!

Dire que j'ai ceci:

var MyPrototype = function() { this.init(); } 
$.extend(MyPrototype.prototype, { 
    a: 5, 
    init: function() { 
     var thing = new SomeOtherClass(); 
     thing.meth = this.meth; 
     // thing.meth() is called somewhere within thing; 
    }, 
    meth: function() { 
     alert(this.a); 
    } 
} 

Fondamentalement, je traite avec une autre classe qui utilise ses propres méthodes comme, par exemple callbacks Je suis censé les remplacer par mes propres fonctionnalités. Mais j'ai besoin de garder la portée correcte de this en le faisant (la seule chose qui m'importe de SomeOtherClass est ce qui est passé au rappel, rien dans l'état).

Comme vous pouvez l'imaginer, cela ne fonctionne pas car thing n'a pas de propriété a! Je ne suis pas assez familier avec les subtilités du scoping Javascript pour savoir comment faire this se référer à ce que je veux, bien que!

Answer 1

La combinaison de deux autres réponses ici, de sorte que vous n » Je dois réécrire votre fonction meth, je ferais ceci:

var me = this; 
    thing.meth = function() { 
     MyPrototype.meth.apply(me, arguments); 
    }; 

Answer 2

Que diriez-vous:

thing.meth.call(this); 

ou

thing.meth.apply(this); 

(La seule différence est dans la façon dont les arguments sont passés, qui n'a pas d'importance dans ce cas.)

Answer 3

Pourriez-vous faire quelque chose comme ça?

var MyPrototype = function() { this.init(); } 
$.extend(MyPrototype.prototype, { 
    a: 5, 
    init: function() { 
     var thing = new SomeOtherClass(); 
     var self = this; 
     thing.meth = function(){this.meth.apply(self)}; 
     // thing.meth() is called somewhere within thing; 
    }, 
    meth: function() { 
     alert(this.a); 
    } 
} 

Answer 4

Puisque vous ne pouvez pas contrôler la façon dont on l'appelle, vous pouvez essayer ceci:

var MyPrototype = function() { this.init(); } 
$.extend(MyPrototype.prototype, { 
    a: 5, 
    init: function() { 
     var thing = new SomeOtherClass(); 

     // Create an aliad for this 
     var that = this; 
     thing.meth = function() { 
      // You can always access the object using it's "that" alias 
      alert(that.a); 
     }; 
    } 
} 

Ou ...

var MyPrototype = function() { this.init(); } 
$.extend(MyPrototype.prototype, { 
    a: 5, 
    init: function() { 
     var thing = new SomeOtherClass(); 

     // Create an aliad for this 
     var that = this; 
     thing.meth = function() { 
      // You can always access the object using it's "that" alias 
      that.meth(); 
     }; 
    }, 
    meth: { 
     alert(this.a); 
    } 
} 

Answer 5

Avant le début de votre exemple de code, ajoutez cette ligne:

var self = this; 

revisser utilisations de « ceci » dans votre code avec « moi ».

(je pense un tas de réponses à ce disent plus ou moins la même chose.)