dies in Objektmethoden verweisen nicht auf Objekt, sondern auf Tag, die Funktion zu

Question

MyObject = function() { 
    this.a = "a"; 
    this.func = function() { 
     this.a = "b"; 
     console.log(this); 
    } 

} 
..... 
m = new MyObject(); 
$(li).bind('click',m.func); 

gebunden ist, ich will: this in this.func Referenzen auf dem umliegende MyObject Objekt. Ich bekomme: this Referenzen auf <li> (das ist, was die Konsole loggt).

Answer 1

Verwenden Function.prototype.bind(), Die bind() Methode erzeugt eine neue Funktion, die, wenn sie aufgerufen wird, das dieses Schlüsselwort zu dem bereitgestellten Wert eingestellt hat, mit einer gegebenen Sequenz von Argumenten vorhergehenden jeder vorgesehen ist, wenn die neue Funktion aufgerufen wird.

Hinweis: Wrap li in Anführungszeichen

var MyObject = function() { 
 
    this.a = "a"; 
 
    this.func = function() { 
 
    this.a = "b"; 
 
    console.log(this); 
 
    } 
 
} 
 
var m = new MyObject(); 
 
$('li').on('click', m.func.bind(m));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul> 
 
    <li>Coffee</li> 
 
    <li>Tea</li> 
 
    <li>Milk</li> 
 
</ul>