js ES6中箭头函数的理解

在ES6中，"=>"是函数的表达式，而且箭头函数是匿名的。

如：

var lets = a => a*a;
    console.log(lets(5));  //25

相当于

function lets(a) {
        a = a*a;
    }

"=>"左边的a是函数的参数，右边是函数的声明;

当函数中有多个参数时，参数用小括号扩起来，并且每个参数用逗号隔开：

var lets = （a,b) => a*b;

当函数体中的语句超过一条的时候，函数体需要用大括号括起来：

var lets = a =>{
       if(a>5){
           ++a;
       }else --a;
       return a;
    }
    console.log(lets(5));  //4

当函数中没有参数时候，在箭头左侧加上一个小括号：

var lets =() => {return '函数中没有参数'};
    console.log(lets());  //函数中没有参数

补充：

对于一般js和箭头函数this的区别：

ES6中箭头函数中的this在定义时已经确定，this对象就是定义时所在的对象，而一般js中的this是在执行函数的时候所在的对象：

<script>
    var b = 5;
    var a = {
        b:6,
        c:function () {
            console.log(this.b);   //6
        },
        d:()=>{
            console.log(this.b);  //5
        }
    }
    a.c();
    a.d();
</script>

实际上箭头函数中是没有自己的this，在箭头函数中调用this对象是继承而来的，默认是指向定义它的时候的对象，而不是执行对象。