" pour définir des fonctions. Par rapport aux fonctions ordinaires, elle prend en charge les expressions et les corps d'instruction, ainsi que la flèche. la fonction a la même relation avec le code autour de cette même portée."/> " pour définir des fonctions. Par rapport aux fonctions ordinaires, elle prend en charge les expressions et les corps d'instruction, ainsi que la flèche. la fonction a la même relation avec le code autour de cette même portée.">

Maison  >  Article  >  interface Web  >  La fonction flèche est-elle une nouvelle fonctionnalité d’es6 ?

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

WBOY
WBOYoriginal
2022-03-30 17:53:551673parcourir

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);

Méthode d'écriture es5 :

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

Fonction flèche :

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

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

Déclaration:
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