首页 > 编程语言 > 详细

JavaScript随笔——箭头函数

时间:2020-08-09 16:29:18      阅读:87      评论:0      收藏:0      [点我收藏+]

Arrow Function(箭头函数)    ES6标准新增的函数

解释:用箭头定义的函数,例如

技术分享图片

 相当于

技术分享图片

箭头函数看上去是简化的匿名函数。


 箭头函数的多种形式:

1、 只包含一个表达式,省略 { ... } 和 return

例子:  技术分享图片

2、 包含多条语句,不能省略省略 { ... } 和 return

例子:

技术分享图片

3、 参数不止一个,要用括号 () 括起来

技术分享图片

注意:如果要返回一个对象,要注意,如果是单表达式,这么写会报错:

技术分享图片

因为和函数体的 { ... } 有冲突,要改为:

 技术分享图片


 this 

箭头函数和匿名含数有明显的区别箭头函数内部的 this 是词法作用域,由上下文确定。

例如:

技术分享图片

 

 当使用箭头函数时,会修复this的指向,this总是指向词法作用域,也就是外层调用者的 obj 

技术分享图片

this 在箭头函数中已经按照词法作用域绑定了,所以,使用 call() 或者 apply() 调用箭头函数时,无法对 this 进行绑定,即传入的第一个参数被忽略

技术分享图片

 

JavaScript随笔——箭头函数

原文:https://www.cnblogs.com/oilweng555/p/13463095.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!