Que signifie la fonction flèche es6 ?

Dans ES6, la fonction flèche est une nouvelle syntaxe qui utilise "=>" pour définir des fonctions ; le pointeur this dans le corps de la fonction flèche pointe toujours vers l'objet où elle est définie, pas vers l'objet qui l'appelle, et cela ne peut pas être modifié. La syntaxe est "let fun=(parameter) => {function body};".

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

Que signifie la fonction flèche es6 ?

Dans ES6, la fonction flèche est la nouvelle fonctionnalité la plus intéressante. Comme son nom l'indique, la fonction flèche est une nouvelle syntaxe qui utilise des flèches (=>) pour définir des fonctions, mais elle est légèrement différente des fonctions JavaScript traditionnelles, principalement dans les aspects suivants :

• Il n'y a pas de ceci, super, arguments et new target liaison, sa valeur est déterminée par la fonction non-flèche la plus proche sur la périphérie

• ne peut pas être appelée via le nouveau mot-clé

• n'a pas de prototype

• ne peut pas changer la liaison de ceci

• ne prend pas en charge les objets arguments

• Ne prend pas en charge les paramètres nommés répétés

Le pointeur de this dans le corps de la fonction pointe toujours vers l'objet où il est défini, pas vers l'objet qui l'appelle. qui exécute la fonction dans es5, il suffit de pointer vers qui.

est la suivante :

var f = v = > v;
//等同于
var f = function(v){
      return v;
}
var sum = (num1,num2) => num1+num2 ;
//等同于
var sum = function(num1,num2){
      return num1+num2
}
[1,2,3].map(function (x) {
      return x * x;
});
// 箭头函数写法
[1,2,3].map(x => x * x);//简洁了许多

À partir de l'exemple, nous pouvons voir que la fonction est omise et les accolades « {} » sont remplacées par « => ». Cette façon d'écrire est plus concise.

L'exemple est le suivant :

//1、参数默认值 位置在所有形参的后面
    //es6之前的采取的默认值只能变相采取
    function test(a,b) {
        a=a||2;
        b=b||2;
        return a*b
    }
    console.log(test());
//但是这个有弊端  当我们传递的值为0的时候，还是会走默认值。改造之后
    function test1(a,b) {
        a=typeof a==="undefined"?2:a;
        b=typeof b==="undefined"?2:b;
        return a*b
    }
    console.log(test1(0,0))
//    es6为我们提供了默认值
//    语法糖：  function(a,b=2){}
     let test2=(a=2,b=2) =>{
        return a*b
    };
    console.log(test2());

Résultat de sortie :

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