在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对象是继承而来的,默认是指向定义它的时候的对象,而不是执行对象。