JavaScript函数之箭头函数

箭头函数表达式

箭头函数包括一个参数列表（零个或多个参数，如果参数个数不是一个的话要用 ( … )包围起来），然后是标识 =>，函数体放在最后。

示例讲解

例一：

 // 传统的定义方式
    var sum1=function(a){
  
        return a+a;
    }
    
     // 箭头函数
    var sum =(a)=>{return a+a;}//将functon关键字省略
    
    //如果有且只有一个参数，则可以将小括号省略
    var sum=a=>{return a+a;}

    // 如果方法体中有且只有一行命令，且该命令是返回语句 则也可以将大括号省略
    var sum=a=>a+a;

例二：在数组中使用

 var arr=[1,3,5,7,9,6];

    //求数组中的偶数
    // 1.传统方式
   var new_arr= arr.filter(function(v){
        if(v%2==0){
            return true;
        }else{
            return false;
        }
    })
    console.log(new_arr)
    
    //2.使用箭头函数
    new_arr= arr.filter(v=>v%2==0) //更加简洁

    console.log(new_arr)

使用箭头函数的注意点

• 箭头函数支持普通函数参数的所有功能，包括默认值、解构、rest 参数等
• 箭头函数转变带来的可读性提升与被转化函数的长度负相关。这个函数越长，=> 带来的好处就越小；函数越短，=> 带来的好处就越大。