JS干货分享―-this指向问题


本文摘自PHP中文网,作者hzc,侵删。

平时用this有些混乱,所以写个总结。

没有箭头函数之前,我们说this就是函数运行时所在的环境对象,但是在箭头函数中this就是定义时所在的对象,先说大家熟知的:函数运行时所在的环境对象。

1、作为函数调用,this指向全局对象

2、作为对象的方法调用,该对象即为调用上下文,this指向该对象。

3、作为构造函数调用,构造函数试图初始化这个新创建的对象,并将这个对象作为其调用上下文,this 指向这个新创建的对象。

4、通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文,在函数体内,通过this获得对它的引用。

箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。

5、独立函数

该箭头函数在全局环境中定义,即this指向window

6、对象的方法

如上所示,foo在全局中定义,所以this指向window,那么如何使this指向obj?

根据上一篇介绍,当函数作为对象的方法调用时this指向该对象,可以这样改写:

func在foo调用时定义,此时的foo所在作用域为obj,因此this指向obj

7、构造函数,因箭头函数没有this,固不能用作构造函数,否则会报错

8、bind/call

如上:func定义在全局,因此打印0,同对象方法,我们可以通过如下改写,打印出1

推荐教程:《JS教程》

以上就是JS干货分享―-this指向问题的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html5 canvas如何实现代码流瀑布?(附代码)

js转化为string的三种方法

js怎么获取标签的值?

利用js实现自定义右键菜单插件

js怎么跳转到新页面?

jsp调用javascript方法是什么

js如何实现调节音量滑块

javascript jquery是什么

js如何获取ueditor富文本编辑器中的图片地址

js如何实现简易倒计时效果

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...