Scoping "dies" in Javascript (und jQuery.extend)

Question

Sorry, wenn dies beantwortet wurde, aber ich konnte eine Suche nach ihr nicht auftauchen ... eine schwierige Sache zu suchen, denke ich!

Sagen, ich habe diese:

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); 
    } 
} 

Grundsätzlich ist mit einer anderen Klasse zu tun habe, die ihre eigenen Methoden, wie Rückrufe verwendet, z.B. Es wird erwartet, dass ich sie mit meiner eigenen Funktionalität überschreibe. Aber ich muss den richtigen Umfang von this dabei behalten (das einzige, was ich interessiere von SomeOtherClass ist, was an den Rückruf weitergegeben wird; nichts in dem Staat).

Wie Sie sich vorstellen können, funktioniert das nicht, weil thing keine a Eigenschaft hat! Ich bin nicht vertraut genug mit den Feinheiten von Javascript Scoping zu wissen, wie man this Bezug auf was ich will, obwohl!

Answer 1

hier zwei weitere Antworten kombinierend, so dass Sie don‘ t müssen Ihre meth Funktion neu schreiben, würde ich dies tun:

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

Answer 2

Wie wäre:

thing.meth.call(this); 

oder

thing.meth.apply(this); 

(Der einzige Unterschied ist, wie in Argumente übergeben werden, die in diesem Fall keine Rolle spielt.)

Answer 3

Könnten Sie tun etwas wie das?

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

Da Sie nicht kontrollieren können, wie es Ihnen dies könnte versuchen, genannt:

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); 
     }; 
    } 
} 

Oder ...

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

Vor Beginn Ihrer Codebeispiel, fügen Sie diese Zeile:

var self = this; 

ersetzen dann alle Verwendungen von ‚this‘ in Ihrem Code mit ‚Selbst‘.

(ich glaube, ein paar der Antworten auf diese sagen mehr oder weniger das gleiche.)