La fonction flèche est une nouvelle fonction dans es6 ; la fonction flèche est une nouvelle fonction dans es6, qui permet d'utiliser la flèche "=>" pour définir des fonctions. Par rapport aux fonctions ordinaires, elle prend en charge les expressions et les corps d'instructions. la fonction de flèche est liée à cela, le code a la même portée.
L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.
La norme ES6 ajoute une nouvelle fonction : Arrow Function, qui permet d'utiliser arrow => pour définir des fonctions.
Par rapport aux fonctions ordinaires, il est syntaxiquement similaire à C# et aux fonctions associées dans Java 8, prenant en charge les expressions et les corps d'instructions.
Contrairement aux fonctions ordinaires, les fonctions fléchées ont la même portée que le code qui les entoure. Les fonctions fléchées ont les caractéristiques suivantes :
1. Aucun mot-clé de fonction n'est requis pour créer une fonction.
2. Omettez le mot-clé return.
3. Cela pointe toujours vers la valeur this dans la portée où la fonction est déclarée (c'est-à-dire que la fonction flèche n'a pas du tout son propre this, mais fait référence au this externe).
Utilisez la syntaxe de la fonction fléchée ES6 pour définir une fonction, supprimez le mot-clé "fonction" et le nom de la fonction d'origine, et utilisez "=>" pour connecter la liste des paramètres et le corps de la fonction.
Le rôle de la fonction flèche
// 1、使表达更加简洁 const isEven = n => n % 2 === 0; const square = n => n * n; // 2、简化回调函数 // 普通函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].map(x => x * x);
Méthode d'écriture es5 :
Fonction flèche :
[Recommandations associées : tutoriel vidéo javascript, front-end web]
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!