箭头函数

Posted zyc-blogs

tags:

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

1、作用

  定义匿名函数

2、基本语法

  - 没有参数: () => console.log(‘xxxx‘)

  - 一个参数: i => i+2

  - 大于一个参数: (i,j) => i+j

  - 函数体不用大括号: 默认返回结果

  - 函数体如果有多个语句, 需要用{}包围,若有需要返回的内容,需要手动返回

3、使用场景

  多用来定义回调函数

4、箭头函数的特点:

  -  简洁

  -  箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是在定义的时候处在的对象就是它的this 

  -  扩展理解: 箭头函数的this看外层的是否有函数,

        如果有,外层函数的this就是内部箭头函数的this,

        如果没有,则this是window。

列:

技术分享图片

技术分享图片

技术分享图片

 

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

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

箭头函数

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

箭头函数和 this指向

箭头函数的特点

bind() 和 箭头函数的this