Comment le mot clé « this » se comporte-t-il différemment dans les fonctions JavaScript basées sur les modèles d'appel ?

Comportement contextuel du mot-clé "this" dans les fonctions

Comme vous l'avez observé, le mot-clé "this" peut présenter un comportement inattendu dans JavaScript fonctions. Ce comportement découle de la nature dynamique de JavaScript, où les fonctions ne sont pas intrinsèquement liées à des objets spécifiques mais ont plutôt leur liaison "this" déterminée par le modèle d'invocation.

Dans les méthodes de classe, "this" fait référence à l'instance du classe dans laquelle la méthode a été appelée. Cependant, lorsqu'il est invoqué directement en tant que fonction (sans l'opérateur point précédent), « this » est par défaut l'objet global (qui est généralement l'objet window dans les navigateurs).

Modèles d'appel ayant un impact sur « this »  :

• En tant que méthode : Le mot-clé "this" est lié à l'objet qui possède le méthode.
• En tant que fonction : "this" est lié à l'objet global, ce qui entraîne le comportement incohérent que vous avez rencontré.
• En tant que constructeur ( avec "nouveau") : Un nouvel objet est créé et "ceci" est lié à cet objet.
• Avec "apply()": Permet un contrôle explicite sur la valeur de "this" et permet également de transmettre un tableau d'arguments.

Raisons derrière la conception :

Bien que certains puissent considérer le comportement de liaison « this » comme arbitraire, il s'aligne sur la philosophie de conception de JavaScript qui met l'accent sur la flexibilité plutôt que sur un typage strict. Les fonctions peuvent être réutilisées dans divers contextes, et leur liaison "this" peut être ajustée en conséquence à l'aide de techniques telles que "var that = this".

La raison sous-jacente de ce comportement est le manque de véritables classes en JavaScript. Au lieu de cela, les objets et les fonctions sont utilisés pour créer des constructions orientées objet. Cela permet aux développeurs de définir des hiérarchies d'héritage personnalisées et de créer et modifier dynamiquement des objets au moment de l'exécution.

Résumé :

Le mot-clé "this" dans les fonctions JavaScript est lié dynamiquement en fonction de le modèle d'invocation. Dans les méthodes de classe, il fait référence à l'instance de classe, tandis que dans les appels de fonction directs, il fait référence à l'objet global. Des techniques telles que la définition de "var that = this" peuvent aider à gérer la liaison "this" dans les rappels et d'autres situations complexes où le modèle d'invocation n'est pas apparent.

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!