ES6变化- 箭头函数

作用:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

函数目的指向性更强,可读性更好,简化代码,提升开发效率

箭头函数特点:

1.不用写function关键字

2.只能作为函数使用不能new,没有原型

3.参数不能重复命名

4.返回值可以不写return,但是有时需要配合{}

5.内部 arguments this 由定义时外围最接近一层的非箭头函数的 arguments和this决定其值

箭头函数 随笔 第1张

 

箭头函数 随笔 第2张   箭头函数简化   》 箭头函数 随笔 第3张

注:参数重复会报错

 

箭头函数 随笔 第4张 会报错(只能作为函数使用不能new,没有原型)

 

箭头函数声明形式

箭头函数 随笔 第5张

 

内部 arguments this 由定义时外围最接近一层的非箭头函数的 arguments和this决定其值

箭头函数 随笔 第6张  arguments是9 10 11  箭头函数 随笔 第7张 arguments是a b

 

this 与arguments 的区别

箭头函数 随笔 第8张

外界无非箭头函数,this指向window:

箭头函数 随笔 第9张 箭头函数 随笔 第10张

外界有非箭头函数:

箭头函数 随笔 第11张 箭头函数 随笔 第12张

应用:

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄