EcmaScript: Arrow function

2017-04-12  本文已影响5人  8a0cbdf46620

es6新增函数写法,类似匿名函数的简洁写法,又和匿名函数有些重要区别

原来的函数写法: 命名函数、匿名函数、封闭函数

var aFn= (x)=>(x*2+3);

var aFn2= (x)=>{return (x*2+3)}

var ans1=aFn(9);

var ans2=aFn(9);

console.log(ans1,ans2);//-->21 21

函数体只有return语句时,或者说函数只对参数做映射处理时,可以省略大括号和return指令

即   (参数)=>(映射表达式)  eg: (x)=>(2*x-3)

试比较匿名函数

var afn=function(x){

return x*2+3;

}

var ans2=afn(9);

console.log(ans2);//-->21

箭头函数结构

1、箭头操作符:=>    等号加右尖括号

2、左侧参数列表

3、右侧函数体

总结:

--->箭头是二元操作符,左侧要求参数列表,右侧函数体

--->省略了function关键字、甚至大括号和return语句=>箭头函数是一种对参数的快速变形操作

--->this始终指向外层调用者

上一篇 下一篇

猜你喜欢

热点阅读