码迷,mamicode.com
首页 > 其他好文 > 详细

箭头函数总结

时间:2019-11-18 12:55:49      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:它的   上下   png   图片   使用   window   对象   构造   上下文   

前言:对于s6箭头函数this一直有点含糊,想简单总结关于this指向的一些问题:

1.箭头函数没有自己的this:箭头函数的this不是调用的时候绑定的,而是函数定义的时候所处对象

例1:

技术图片

 常规函数中的this:当前button的DOM对象

 箭头函数中的this:因为当前函数定义的时候是在window下,所以this指向window而不是当前调用对象

 2.检查当前函数的外层有没有函数,有的话当前函数中的this指向外层函数中的this

 例2:

技术图片

 

 

 外层常规函数中的this指向调用它的obj对象,箭头函数中的this和外层函数的this指向相同。

 同理,如果将外层函数也改为箭头函数:

技术图片

 

 

 外层函数getName为箭头函数,其this指向window;内层函数也指向window。

3.箭头函数不能定义构造函数

技术图片

 

 报错:

 技术图片

 

 4.箭头函数会捕获上下文的this值作为自己的this,因此使用call()/applay()/bind()方法不能改变this指向

 

 

 

箭头函数总结

标签:它的   上下   png   图片   使用   window   对象   构造   上下文   

原文地址:https://www.cnblogs.com/zxmonster/p/11881282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!