Pouvez-vous nommer les fonctions fléchées dans ES2015 sans « var » ?

Comment nommer les fonctions fléchées dans ES2015

Dans ES6, vous pouvez améliorer votre code avec des fonctions fléchées. Cependant, lorsque vous traitez des fonctions nommées, vous vous demandez peut-être s'il existe un moyen d'attribuer un nom à une fonction fléchée sans utiliser d'instruction var.

Considérez la fonction nommée suivante en utilisant la syntaxe traditionnelle :

function sayHello(name) {
    console.log(name + ' says hello');
}

Dans ES6, nous pouvons convertir cette fonction en syntaxe de flèche comme suit :

var sayHello = (name) => {
    console.log(name + ' says hello');
}

Cependant, que se passe-t-il si nous voulons nommer la fonction de flèche sans la déclarer explicitement avec var ?

La réponse réside dans l'exploitation du comportement de déclaration de variable de JavaScript. En attribuant simplement une fonction fléchée à une variable ou une propriété sans utiliser var, le moteur JavaScript attribuera automatiquement le nom à la fonction.

sayHello = (name) => {
    console.log(name + ' says hello');
}

Cette approche crée une fonction avec un vrai nom, comme démontré ci-dessous :

console.log(sayHello.name); // "sayHello"

N'oubliez pas que cette technique ne se limite pas aux fonctions de flèches ; cela s'applique également aux expressions de fonctions anonymes traditionnelles.

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!