Die Rolle davon in js

In JavaScript ist dies ein spezielles Schlüsselwort, das auf das Kontextobjekt des aktuell ausgeführten Codes verweist: Funktionskontext: Dies zeigt auf das globale Objektfenster. Methodenkontext: Dies zeigt auf das Objekt, für das die Methode aufgerufen wird. Konstruktorkontext: Dies zeigt auf das neue Objekt, das erstellt wird. Ereignis-Listener-Kontext: Dies zeigt auf das Element, das das Ereignis ausgelöst hat. Pfeilfunktionskontext: Dieser erbt dies vom übergeordneten Bereich.

Die Rolle von this in JavaScriptthis 在 JavaScript 中的作用

在 JavaScript 中，this 是一个特殊关键字，指向当前正在执行代码的上下文对象。它的值根据上下文而有所不同，因为它可以引用函数、方法或对象。

函数上下文

在函数上下文中，this 始终指向全局对象，即 window 对象。因此，在函数中访问 this 时，可以访问全局变量和函数。

<code class="js">function sayHello() {
  console.log(this); // 输出: Window {...}
}</code>

方法上下文

在方法上下文中，this 始终指向调用该方法的对象。这允许方法访问对象的属性和方法。

<code class="js">const person = {
  name: "John",
  sayName: function () {
    console.log(this.name); // 输出: John
  },
};</code>

构造函数上下文

构造函数是用来创建和初始化对象的函数。在构造函数上下文中，this 指向正在创建的新对象。

<code class="js">function Person(name) {
  this.name = name;
}

const person1 = new Person("John");
console.log(person1.name); // 输出: John</code>

其他上下文

除了这些主要上下文外，this 还可以用作：

• 事件监听器上下文：在事件监听器中，this 指向触发事件的元素。
• 箭头函数上下文：箭头函数中的 this 继承其父作用域中的 this。

注意事项

• 严格模式下，在函数上下文中，this 不指向全局对象。如果要访问全局对象，需要使用 window 对象。
• 在 ES6 引入了 bind()、call() 和 apply() 方法，用于显式设置或更改 this
In JavaScript ist this ein spezielles Schlüsselwort, das auf das aktuell ausgeführte Code-Kontextobjekt verweist . Sein Wert variiert je nach Kontext, da er sich auf eine Funktion, Methode oder ein Objekt beziehen kann.

🎜🎜Funktionskontext🎜🎜In einem Funktionskontext zeigt this immer auf das globale Objekt, also das window-Objekt. Daher kann beim Zugriff auf this innerhalb einer Funktion auf globale Variablen und Funktionen zugegriffen werden. 🎜rrreee🎜🎜Methodenkontext🎜🎜In einem Methodenkontext zeigt this immer auf das Objekt, für das die Methode aufgerufen wird. Dadurch können Methoden auf die Eigenschaften und Methoden des Objekts zugreifen. 🎜rrreee🎜🎜Konstruktorkontext🎜🎜Ein Konstruktor ist eine Funktion, die zum Erstellen und Initialisieren eines Objekts verwendet wird. Im Kontext eines Konstruktors zeigt this auf das neue Objekt, das erstellt wird. 🎜rrreee🎜🎜Andere Kontexte🎜🎜Zusätzlich zu diesen Hauptkontexten kann dies auch verwendet werden als: 🎜

• 🎜Event-Listener-Kontext:In Ereignisse Im Listener zeigt this auf das Element, das das Ereignis ausgelöst hat. 🎜
• 🎜Pfeilfunktionskontext: this in einer Pfeilfunktion erbt this in seinem übergeordneten Bereich. 🎜🎜🎜🎜Hinweise🎜
  • Im strikten Modus zeigt this im Funktionskontext nicht auf das globale Objekt. Wenn Sie auf globale Objekte zugreifen möchten, müssen Sie das window-Objekt verwenden. 🎜
  • Die Methoden bind(), call() und apply() wurden in ES6 zum expliziten Festlegen oder Ändernthis. 🎜🎜

Das obige ist der detaillierte Inhalt vonDie Rolle davon in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!