Vier Möglichkeiten, dies in Javascript_Javascript-Kenntnissen zu verwenden

dieses

Wenn eine Funktion ausgeführt wird, zeigt dies immer auf das Objekt, das die Funktion aufgerufen hat. Um festzustellen, wohin dies führt, müssen Sie tatsächlich feststellen, zu wem die Funktion gehört.

Im Buch „The Essence of JavaScript Language“ sind die Szenarien, in denen dies vorkommt, in vier Kategorien unterteilt:

Wenn ein Objekt vorhanden ist, zeigen Sie auf das aufrufende Objekt
Zeigen Sie auf das globale Objekt, ohne das Objekt aufzurufen
Mit new erstellt, zeigt es auf das neue Objekt
Ändern Sie die Referenz hiervon durch „Anwenden“ oder „Aufrufen“ oder „Binden“.

1) Wenn die Funktion ein Objekt hat, zu dem sie gehört: Zeigen Sie auf das Objekt, zu dem sie gehört

Wenn eine Funktion ein Objekt hat, zu dem sie gehört, wird sie normalerweise über einen Ausdruck aufgerufen. In diesem Fall zeigt dieser natürlich auf das Objekt, zu dem sie gehört. Zum Beispiel das folgende Beispiel:

var myObject = {value: 100};
myObject.getValue = function () {
 console.log(this.value); // 输出 100

 // 输出 { value: 100, getValue: [Function] }，
 // 其实就是 myObject 对象本身
 console.log(this);

 return this.value;
};

console.log(myObject.getValue()); // => 100

getValue() gehört zum Objekt myObject und wird von myOjbect aufgerufen, sodass dies auf das Objekt myObject verweist.

2) Die Funktion hat kein besitzendes Objekt: zeigt auf das globale Objekt

var myObject = {value: 100};
myObject.getValue = function () {
 var foo = function () {
  console.log(this.value) // => undefined
  console.log(this);// 输出全局对象 global
 };

 foo();

 return this.value;
};

console.log(myObject.getValue()); // => 100

Obwohl im obigen Codeblock die foo-Funktion im Funktionskörper von getValue definiert ist, gehört sie tatsächlich weder zu getValue noch zu myObject. foo ist an kein Objekt gebunden, daher zeigt sein Zeiger this beim Aufruf auf das globale Objekt.

Es wird gesagt, dass es sich hierbei um einen Konstruktionsfehler handelt.

3) dies im Konstruktor: zeigt auf das neue Objekt

In js rufen wir den Konstruktor über das Schlüsselwort new auf und dieser wird an das neue Objekt gebunden.

var SomeClass = function(){
 this.value = 100;
}

var myCreate = new SomeClass();

console.log(myCreate.value); // 输出100

Übrigens gibt es in js keine klaren Grenzen zwischen Konstruktoren, gewöhnlichen Funktionen, Objektmethoden und Abschlüssen. Die Grenzen liegen alle im menschlichen Herzen.

4) Aufrufe anwenden und aufrufen und Bindung binden: auf das gebundene Objekt zeigen

Die apply()-Methode akzeptiert zwei Parameter. Der erste ist der Bereich, in dem die Funktion ausgeführt wird, und der andere ist ein Parameterarray (Argumente).

Die Bedeutung des ersten Parameters der Methode call() ist dieselbe wie die der Methode apply(), mit der Ausnahme, dass die anderen Parameter einzeln aufgelistet werden müssen.

Um es einfach auszudrücken: Die Aufrufmethode ähnelt eher der Art und Weise, wie wir normalerweise Funktionen aufrufen, während „Anwenden“ erfordert, dass wir ihr ein Array in der Form „Array“ übergeben. Sie sind austauschbar.

var myObject = {value: 100};

var foo = function(){
 console.log(this);
};

foo(); // 全局变量 global
foo.apply(myObject); // { value: 100 }
foo.call(myObject); // { value: 100 }

var newFoo = foo.bind(myObject);
newFoo(); // { value: 100 }

Das ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt euch allen.