La fonction flèche est-elle une nouvelle fonctionnalité d'es6 ?

WBOY
Libérer: 2022-03-30 17:53:55
original
1719 Les gens l'ont consulté

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.

La fonction flèche est-elle une nouvelle fonctionnalité d'es6 ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

La fonction flèche est-elle une nouvelle fonctionnalité d'es6 ?

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);
Copier après la connexion

Méthode d'écriture es5 :

La fonction flèche est-elle une nouvelle fonctionnalité des6 ?

Fonction flèche :

La fonction flèche est-elle une nouvelle fonctionnalité des6 ?

[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!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!