您的位置:首页 > 其它

es6箭头函数

2017-04-15 16:49 190 查看
不了解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指向定义时所在的对象,非调用它的对象。所以程序实现过程中,可选择性调用箭头函数还是普通函数。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: