Comment le pointeur \"this\" se comporte-t-il dans les fonctions JavaScript imbriquées ?

"ce" comportement du pointeur dans les fonctions Javascript imbriquées

Lors de la définition d'une fonction imbriquée dans une méthode d'un objet, il est important de comprendre comment le pointeur « this » fonctionne dans ce contexte. Considérez l'extrait de code suivant :

<code class="javascript">var std_obj = {
  options: { rows: 0, cols: 0 },
  activeEffect: "none",
  displayMe: function () {

    // "this" refers to std_obj
    if (this.activeEffect == "fade") { }

    var doSomeEffects = function () {

      // "this" refers to the window object
      if (this.activeEffect == "fade") { }

    }

    doSomeEffects();
  }
};

std_obj.displayMe();</code>

Dans ce scénario, le pointeur "this" fait référence à l'objet "window" dans la fonction imbriquée "doSomeEffects()", contrairement à l'attente selon laquelle il devrait faire référence à l'objet "std_obj". Pour élucider ce comportement, nous devons nous pencher sur la nature du pointeur "this" de Javascript.

En Javascript, le pointeur "this" est déterminé par la manière dont les fonctions sont appelées. Il existe trois méthodes principales :

• Appel de méthode : someObject.someFunction(arg1, arg2) - "this" est attribué à "someObject".
• Appel de fonction : someFunction.call(someObject, arg1, arg2) - "this" est attribué à "someObject".
• Function Apply : someFunction.apply(someObject, [arg1, arg2]) - "this" est affecté à "someObject".

Dans le scénario de fonction imbriquée, la fonction "doSomeEffects()" est appelée sans spécifier l'objet "this". Par conséquent, le pointeur « this » est par défaut l'objet global, généralement l'objet « window ». Pour garantir que "this" fait référence à l'objet souhaité, la méthode "std_obj.displayMe()" doit définir explicitement le pointeur "this" pour "doSomeEffects()".

En comprenant les principes régissant le "this" ", les développeurs peuvent éviter tout comportement inattendu et créer un code conforme aux meilleures pratiques.

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!