Le rôle de ceci dans js

En JavaScript, il s'agit d'un mot-clé spécial qui pointe vers l'objet contextuel du code en cours d'exécution : Contexte de fonction : cela pointe vers la fenêtre de l'objet global. Contexte de la méthode : il pointe vers l'objet sur lequel la méthode est appelée. Contexte du constructeur : cela pointe vers le nouvel objet en cours de création. Contexte de l'écouteur d'événement : cela pointe vers l'élément qui a déclenché l'événement. Contexte de la fonction flèche : cela hérite de la portée parent.

Le rôle de this en 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
En JavaScript, this est un mot-clé spécial qui pointe vers l'objet de contexte de code en cours d'exécution . Sa valeur varie selon le contexte, car elle peut faire référence à une fonction, une méthode ou un objet.

🎜🎜Contexte de fonction🎜🎜Dans un contexte de fonction, this pointe toujours vers l'objet global, c'est-à-dire l'objet window. Par conséquent, lors de l'accès à this dans une fonction, les variables globales et les fonctions sont accessibles. 🎜rrreee🎜🎜Contexte de méthode🎜🎜Dans un contexte de méthode, this pointe toujours vers l'objet sur lequel la méthode est appelée. Cela permet aux méthodes d'accéder aux propriétés et méthodes de l'objet. 🎜rrreee🎜🎜Contexte du constructeur🎜🎜Un constructeur est une fonction utilisée pour créer et initialiser un objet. Dans le contexte d'un constructeur, this pointe vers le nouvel objet en cours de création. 🎜rrreee🎜🎜Autres contextes🎜🎜En plus de ces contextes principaux, ce peut également être utilisé comme : 🎜

• 🎜Contexte d'écoute d'événement :Dans events Dans l'écouteur, this pointe vers l'élément qui a déclenché l'événement. 🎜
• 🎜Contexte de la fonction flèche : this dans une fonction flèche hérite de this dans sa portée parent. 🎜🎜🎜🎜Notes🎜
  • En mode strict, dans un contexte de fonction, this ne pointe pas vers l'objet global. Si vous souhaitez accéder aux objets globaux, vous devez utiliser l'objet window. 🎜
  • Les méthodes bind(), call() et apply() ont été introduites dans ES6 pour définir ou modifier explicitementce. 🎜🎜

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!