不了解es6的童鞋,对箭头函数应该很陌生。箭头函数是用箭头(=>)标识的,是es6的新特性。 闲话就不多说了,直接上代码吧!
这里我们拿箭头函数和普通函数做对比,代码如下:
示例1:无参数函数
箭头函数:
()=>1+1;
等同于普通函数:
function(){return 1+1}
示例2:有参函数
箭头函数:
(a,b)=>a*b
等同于普通函数:
function(a,b){return a*b}
对于单条执行语句的函数来说,箭头函数可以省掉执行语句外层的大括号({}),但多条语句的函数需用{}包裹。
示例3:多语句函数
箭头函数:
(a,b)=>{
if(a==b){
return '相等'
}else if(a>b){
return '大于'
}else{
return '小于'
}
}
等同于普通函数:
function(a,b){
if(a==b){
return '相等'
}else if(a>b){
return '大于'
}else{
return '小于'
}
}
箭头函数中的this指向定义时所在的对象,非调用它的对象。所以程序实现过程中,可选择性调用箭头函数还是普通函数。