ES6中function函数和箭头函数的this指向
作者:互联网
This函数的四种调用方式
1.纯粹的函数调用:
这是函数的最通常用法,属于全局性调用,这是this就指全局(浏览器中为window,node中为global)
2.作为对象方法的调用:
函数还可以作为某个对象的调用,这时this就指这个上级对象
3.作为构造函数调用:
通过这个函数生成一个新对象(object)。这是this就指这个新对象。
4.apply调用:
apply()是函数对象的一个方法,它的作用是改变函数的调用对象。因此,this指的就是这第一个参数。
1.纯粹的函数调用:
通过上下两图代码的调整可以证明此时this就是全局对象
2.作为对象方法的调用:
此时的this指的是obj这个对象
3作为构造函数调用:
JS中,我们通过new关键词来调用构造函数:此时this会绑定在该新对象上。
4.apply调用
此时this指的就是这一个参数obj。
如何确定thi函数的指向:
默认模式下,test——>window 以函数形象调用
严格模式下,(设置了 “use strict"),this为undefined
p.test()——>p 以方法的形式调用
new test()——>新的创建的对象 以构造函数形式调用
p.call(obj)——> obj 使用call和apply方法调用
this的最终指向始终是调用的他的对象。
默认指向定义它时,所处上下文的对象的this指向(这里指的是整个箭头函数处在那个上下文),偶尔没有上下文对象时指向window.
即使是call,apply,bind等方法也不能改变箭头函数this的指向。
标签:function,ES6,调用,函数,指向,对象,函数调用,apply 来源: https://www.cnblogs.com/skypink/p/16255714.html