Mystère du pointeur JavaScript "this" dans les fonctions imbriquées

Dans un extrait de code JavaScript, vous avez rencontré un comportement inattendu concernant le "this" " pointeur dans une fonction imbriquée. Malgré la définition de la fonction imbriquée dans une méthode objet, le pointeur "this" à l'intérieur de la fonction imbriquée pointe vers l'objet "window" global.

Le comportement du pointeur "this" est déterminé par la méthode d'invocation de fonction dans JavaScript. Il existe trois méthodes principales :

1. Invocation directe : someThing.someFunction(arg1, arg2, argN)

   • Dans cette méthode, le pointeur "this" fait référence à l'objet appelant la fonction, dans ce cas, someThing.

2. Appel de fonction avec call() : someFunction.call(someThing, arg1, arg2, argN)

   • La fonction call() définit explicitement le pointeur "this" sur l'objet fourni, dans ce cas, someThing.

3. Appel de fonction avec apply() : someFunction.apply(someThing, [arg1, arg2, argN])

   • Similaire à call(), la fonction apply() définit le pointeur "this" sur l'objet fourni, mais cela prend un tableau d'arguments à la place.

Dans l'exemple que vous avez fourni, la fonction imbriquée est invoquée sans aucune des méthodes d'invocation de fonction explicites. Par conséquent, le pointeur "this" est par défaut l'objet global, qui est généralement l'objet "window" dans un environnement de navigateur.

Pour spécifier explicitement le comportement du pointeur "this", vous pouvez utiliser les modifications suivantes :

1. Utilisez std_obj.displayMe() au lieu de std_obj.displayMe ; pour appeler explicitement la méthode displayMe.
2. Définissez explicitement la fonction imbriquée avec le pointeur this de l'objet : var doSomeEffects = function() { var that = this; ... }
3. Utilisez les fonctions call() ou apply() pour définir le pointeur "this" : doSomeEffects.call(std_obj);

En utilisant l'une de ces méthodes , vous pouvez contrôler le comportement du pointeur "this" dans les fonctions imbriquées et vous assurer qu'il fait référence à l'objet souhaité.