Maison > interface Web > js tutoriel > Un résumé de la syntaxe de la fonction flèche JavaScript

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

coldplay.xixi
Libérer: 2020-06-15 16:02:22
avant
2303 Les gens l'ont consulté

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(){
}
Copier après la connexion
Equivalent à :

var demo = () => {
}
Copier après la connexion

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

var demo = function(a){
return a;
}
Copier après la connexion
Equivalent à :

var demo = a => a
Copier après la connexion

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;
}
Copier après la connexion
est équivalente à :

var demo = (a,b) => a+b
Copier après la connexion

4. les accolades

var demo = function(a,b){if(a>b){
    return a-b;} else{
    return b-a;
  }}
Copier après la connexion
équivaut à :

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}
Copier après la connexion

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

Étiquettes associées:
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
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal