es6函数写法差别 箭头函数

经典练习 常看https://www.jianshu.com/p/bbc9da9a0eac
老方法定义

 var fn = function(...){
        ......    
    }
    //例如：
    var add = function(a,b){
        return a+b;
    }
    
    //或者：
    function fn(...){
        ......
    }
    //例如：
    function add(a,b){
        return a+b;
    }

简写方法速记
将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。

function add(a,b){
    return a+b;
}
//简写为：
(a,b)=>{//删掉了function和函数名
    return a+b;
}

var add = function(a,b){
    return a+b;
}
//简写为：
var add = (a,b)=>{ //删掉了function
    return a+b;
}

当函数参数只有一个时，括号可以省略；但是没有参数时，括号不可以省略。
函数体（中括号）中有且只有一行return语句时，中括号及return 关键字可以省略。
新旧函数定义的对比

|一个参数与简写| |

let fn = function(a){
    return a;
}

//简写为：
let fn = (a)=>{
    return a;
}
//根据规则一，还可以简写为：
let fn = a=>{
    return a;
}
//根据规则二，还可以简写为：
let fn = a=>a;

多参数

let fn = function(a,b){
    return a+b;
}
//简写为：
let fn = (a,b)=>{//多于一个参数，圆括号不可省略
    return a+b;
}
//根据规则二，还可以简写为：
let fn = (a,b)=>a+b;

返回json对象

let fn = function(){
    return {"a":5};
}

//简写为：
//let fn = ()=>{"a":5};这是错误的
//应简写为：
let fn = ()=>({"a":5});//注意{}外的圆括号。

原文链接
https://blog.csdn.net/just4you/article/details/79258799