Heim  >  Artikel  >  Web-Frontend  >  Die Bedeutung davon in js

Die Bedeutung davon in js

下次还敢
下次还敢Original
2024-05-01 09:36:16439Durchsuche

In JavaScript verweist das Schlüsselwort this auf das Objekt im aktuellen Ausführungskontext. Konkret: Der globale Ausführungskontext zeigt auf das Objekt, zu dem die Funktion gehört. Der Methodenausführungskontext zeigt auf das Objekt der aufrufenden Methode. Die Bedeutung davon in JavaScript

In JavaScript ist this ein spezielles Schlüsselwort, das auf das Objekt im aktuellen Ausführungskontext verweist. Das hört sich vielleicht etwas kompliziert an, ist aber eigentlich leicht zu verstehen. Die Bedeutung davon in js

Ausführungskontext

JavaScript-Code wird bei der Ausführung in verschiedenen Kontexten ausgeführt, die als Ausführungskontext bezeichnet werden. Jeder Ausführungskontext verfügt über ein eigenes this-Objekt.

this 是一个特殊的关键字,它指向当前执行上下文中的对象。这听起来可能有点复杂,但它实际上很容易理解。

执行上下文

JavaScript 代码在执行时是在不同的上下文环境中运行的,称为执行上下文。每个执行上下文都有自己的 this 对象。

全局执行上下文

当 JavaScript 代码在浏览器中运行时,它首先在全局执行上下文中运行。在这种情况下,this 指向 window 对象。

函数执行上下文

当一个函数被调用时,它会创建自己的执行上下文。在这个上下文中,this 指向函数所属的对象。

方法执行上下文

当一个对象的方法被调用时,它会创建自己的执行上下文。在这种情况下,this 指向调用方法的对象。

箭头函数

箭头函数是一个例外。它们不创建自己的执行上下文,而是继承父函数的执行上下文。因此,箭头函数中的 this 始终指向父函数的 this 对象。

实践示例

以下示例展示了如何根据不同的执行上下文,this 如何引用不同的对象:

<code class="javascript">// 全局执行上下文
console.log(this); // 输出: Window

// 函数执行上下文
function myFunction() {
  console.log(this); // 输出: Window
}
myFunction();

// 方法执行上下文
const obj = {
  name: 'John',
  sayHello: function() {
    console.log(this.name); // 输出: John
  }
};
obj.sayHello();

// 箭头函数
const arrowFunction = () => {
  console.log(this); // 输出: Window
};
arrowFunction();</code>

通过了解 this

Globaler Ausführungskontext🎜🎜🎜Wenn JavaScript-Code im Browser ausgeführt wird, wird er zunächst im globalen Ausführungskontext ausgeführt. In diesem Fall verweist this auf das window-Objekt. 🎜🎜🎜Funktionsausführungskontext🎜🎜🎜Wenn eine Funktion aufgerufen wird, erstellt sie ihren eigenen Ausführungskontext. In diesem Zusammenhang zeigt this auf das Objekt, zu dem die Funktion gehört. 🎜🎜🎜Methodenausführungskontext🎜🎜🎜Wenn die Methode eines Objekts aufgerufen wird, erstellt sie ihren eigenen Ausführungskontext. In diesem Fall zeigt this auf das Objekt, für das die Methode aufgerufen wird. 🎜🎜🎜Pfeilfunktionen🎜🎜🎜Eine Ausnahme bilden Pfeilfunktionen. Sie erstellen keinen eigenen Ausführungskontext, sondern erben den Ausführungskontext der übergeordneten Funktion. Daher zeigt this in einer Pfeilfunktion immer auf das this-Objekt der übergeordneten Funktion. 🎜🎜🎜Übungsbeispiel🎜🎜🎜Das folgende Beispiel zeigt, wie this abhängig von verschiedenen Ausführungskontexten auf verschiedene Objekte verweisen kann: 🎜rrreee🎜Wenn Sie verstehen, dass das this-Objekt in JavaScript funktioniert, Sie können saubereren und wartbareren Code schreiben. 🎜

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn