Es gibt mehrere Situationen, auf die dies in js hinweist

In JavaScript sind dies die folgenden Zeigertypen: 1. Globales Objekt 2. Funktionsaufruf 4. Ereignishandler (erbt die äußere Funktion); Darüber hinaus können Sie mithilfe der Methoden bind(), call() und apply() explizit festlegen, worauf dies hinweist.

Typen dieses Verweises auf

dies in JavaScript

In JavaScript hat dieser Verweis die folgenden Typen:

1. Globales Objekt

• Wenn sich die Funktion im globalen befindet Beim Aufruf im Gültigkeitsbereich zeigt dies auf das Fensterobjekt (im Browser) oder das globale Objekt (in Node.js).

2. Funktionsaufruf

• Wenn eine Funktion als Methode aufgerufen wird, zeigt dies auf das Objekt, das die Methode enthält.
• Zum Beispiel: const person = { name: "John",greet: function() { console.log(this.name }};const person = { name: "John", greet: function() { console.log(this.name); }}; person.greet();

3. 构造函数调用

• 当使用 new 关键字调用函数时，this 指向新创建的对象。
• 例如：const person = new Person("John");

4. 事件处理程序

• 当事件处理程序（如 onclick）调用时，this 指向触发事件的元素。
• 例如：<button onclick="this.style.color = 'red'">Click me</button>

5. 箭头函数

• 箭头函数中没有自己的 this，它会继承外层作用域的 this。
• 例如：const person = { name: "John", greet: () => console.log(this.name); };

3. Konstruktoraufruf

Beim Aufruf einer Funktion mit dem Schlüsselwort new zeigt dies auf das neu erstellte Objekt.
• Zum Beispiel: const person = new Person("John");

🎜4. Ereignishandler🎜🎜🎜🎜Wenn der Ereignishandler (z. B. onclick) aufgerufen wird, zeigt dies auf die auslösenden Ereigniselemente. 🎜🎜Zum Beispiel: <button onclick="this.style.color = 'red'">Click me</button>🎜🎜🎜🎜5. Pfeilfunktion🎜🎜🎜🎜In Pfeil Funktion Ohne ihr eigenes this erbt sie this vom äußeren Bereich. 🎜🎜Zum Beispiel: const person = { name: "John", Greet: () => console.log(this.name); };🎜🎜🎜🎜Notizen🎜🎜🎜🎜Ja Verwenden Sie die Methoden bind(), call() und apply(), um explizit festzulegen, worauf dies verweist. 🎜🎜Pfeilfunktionen und Klassenmethoden binden dies immer an den Bereich, in dem sie definiert sind. 🎜🎜

Das obige ist der detaillierte Inhalt vonEs gibt mehrere Situationen, auf die dies in js hinweist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!