Un résumé de la syntaxe de la fonction flèche JavaScript

Résumé de la syntaxe de la fonction flèche JavaScript

Quand il n'y a pas de paramètres

var demo = function（）{
}

Equivalent à :

var demo = () => {
}

2 Lorsqu'il n'y a qu'un seul paramètre

var demo = function（a）{
return a;
}

Equivalent à :

var demo = a => a

3. . Plusieurs paramètres Des parenthèses doivent être utilisées, et la séparation par virgule entre les paramètres

var demo = function（a,b）{
return a+b;
}

est équivalente à :

var demo = (a,b) => a+b

4. les accolades

var demo = function（a,b）{if(a>b){
    return a-b;} else{
    return b-a;
  }}

équivaut à :

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}

5 Lors du retour d'un objet, il doit être placé entre parenthèses, car les accolades sont occupées et interprétées comme. un bloc de code

var demo = (name,age) =>{return ({    name: name,    age: age   })}

6. En tant que rappel de tri de tableau

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})

Remarque :

Les fonctions fléchées sont en effet différentes de fonctions traditionnelles, mais il existe encore des caractéristiques communes.

Par exemple :
1. Le type d'opération sur la fonction flèche renverra "fonction".
2. La fonction flèche est toujours une instance de Function, donc la méthode d'exécution de instanceof est cohérente avec la fonction traditionnelle.
3. La méthode call/apply/bind est toujours applicable aux fonctions fléchées, mais même si ces méthodes sont appelées pour étendre la portée actuelle, cela ne changera toujours pas.
4. La plus grande différence entre les fonctions fléchées et les fonctions traditionnelles est que la nouvelle opération est désactivée

Tutoriel recommandé : "

Tutoriel de base js"

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!