箭头函数

Posted tianya-guoke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了箭头函数相关的知识,希望对你有一定的参考价值。

ES6变化- 箭头函数

作用:

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

箭头函数特点:

1.不用写function关键字

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

3.参数不能重复命名

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

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

技术图片

 

技术图片   箭头函数简化   》 技术图片

注:参数重复会报错

 

技术图片 会报错(只能作为函数使用不能new,没有原型)

 

箭头函数声明形式

技术图片

 

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

技术图片  arguments是9 10 11  技术图片 arguments是a b

 

this 与arguments 的区别

技术图片

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

技术图片 技术图片

外界有非箭头函数:

技术图片 技术图片

应用:

 

以上是关于箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

面试题系列---箭头函数和普通函数的区别?箭头函数的优缺点?

箭头函数

怎么理解这个箭头函数里的this指向

箭头函数和 this指向

箭头函数的特点

bind() 和 箭头函数的this