JS干货分享—-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指向问题的具体内容,更多请关注百分百源码网其它相关文章!