La signification de ceci en js

En JavaScript, le mot-clé this pointe vers l'objet dans le contexte d'exécution actuel. Plus précisément : le contexte d'exécution global pointe vers l'objet window. Le contexte d'exécution de la fonction pointe vers l'objet auquel appartient la fonction. Le contexte d'exécution de la méthode pointe vers l'objet de la méthode appelante. La signification de ceci en JavaScript

En JavaScript, this est un mot-clé spécial qui pointe vers l'objet dans le contexte d'exécution actuel. Cela peut paraître un peu compliqué, mais c'est en réalité facile à comprendre.

Contexte d'exécution

Le code JavaScript s'exécute dans différents contextes lorsqu'il est exécuté, appelé contexte d'exécution. Chaque contexte d'exécution possède son propre objet this.

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

Contexte d'exécution global🎜🎜🎜Lorsque le code JavaScript est exécuté dans le navigateur, il s'exécute d'abord dans le contexte d'exécution global. Dans ce cas, this pointe vers l'objet window. 🎜🎜🎜Contexte d'exécution de fonction🎜🎜🎜Lorsqu'une fonction est appelée, elle crée son propre contexte d'exécution. Dans ce contexte, this pointe vers l'objet auquel appartient la fonction. 🎜🎜🎜Contexte d'exécution de méthode🎜🎜🎜Lorsque la méthode d'un objet est appelée, elle crée son propre contexte d'exécution. Dans ce cas, this pointe vers l'objet sur lequel la méthode est appelée. 🎜🎜🎜Fonctions fléchées🎜🎜🎜Les fonctions fléchées sont une exception. Ils ne créent pas leur propre contexte d'exécution, mais héritent du contexte d'exécution de la fonction parent. Par conséquent, this dans une fonction fléchée pointe toujours vers l'objet this de la fonction parent. 🎜🎜🎜Exemple pratique🎜🎜🎜L'exemple suivant montre comment this peut référencer différents objets en fonction de différents contextes d'exécution : 🎜rrreee🎜En comprenant l'objet this en JavaScript La manière cela fonctionne, vous pouvez écrire du code plus propre et plus maintenable. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!