Heim > Artikel > Web-Frontend > Die Bedeutung davon in js
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.
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 eigenesthis
-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
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!