Les fonctions fléchées peuvent-elles être utilisées comme méthodes objet dans ES6 ?

Méthodes dans les objets ES6 : utilisation de fonctions traditionnelles

Dans ES6, les méthodes d'objet peuvent être définies de deux manières : en utilisant la syntaxe de fonction traditionnelle ou la syntaxe de la méthode abrégée. Bien que les deux approches soient valables, il y a eu un débat quant à savoir si les fonctions fléchées pouvaient également être utilisées pour les méthodes objets.

Au départ, il semblait que les fonctions fléchées pouvaient être utilisées comme une alternative concise aux fonctions traditionnelles. Cependant, des erreurs de syntaxe sont apparues, indiquant que les fonctions fléchées n'avaient pas accès à la référence this de l'objet.

Raisonnement : le contexte de ceci dans les fonctions fléchées

Les fonctions fléchées diffèrent de fonctions régulières dans la mesure où elles héritent de leur contexte this de la portée lexicalement englobante. Cela signifie que le this dans une fonction de flèche fait référence au this du contexte environnant, et non à l'objet sur lequel la méthode est définie.

Conséquences pour les méthodes objet

Dans le contexte des méthodes objets, ce comportement pose problème. Les méthodes objet sont conçues pour fonctionner sur l’objet qui les inclut. Par conséquent, cette référence doit pointer vers cet objet. Cependant, les fonctions fléchées n'ont pas la liaison nécessaire pour remplir cette exigence.

Syntaxe recommandée pour les méthodes objet

Compte tenu des limitations des fonctions fléchées dans ce contexte, il Il est recommandé d'utiliser la syntaxe de fonction traditionnelle ou la syntaxe de méthode ES6 lors de la définition des méthodes d'objet. Cela garantit que la référence this dans la méthode fait correctement référence à l'objet auquel elle appartient.

Exemple de syntaxe de fonction traditionnelle :

var chopper = {
    owner: 'Zed',
    getOwner: function() {
        return this.owner;
    }
};

Exemple de Syntaxe de la méthode ES6 :

var chopper = {
    owner: 'Zed',
    getOwner() {
        return this.owner;
    }
};

Ces syntaxes fournissent la bonne liaison dans les méthodes objet, leur permettant de fonctionner comme destiné. Bien que les fonctions fléchées offrent des avantages dans d'autres scénarios, elles ne conviennent pas pour définir des méthodes objet où ces références appropriées sont cruciales.

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!