函数内this的指向
这些this的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同,一般指向我们的调用者。
调用方式 | this指向 |
---|---|
普通函数调用 | window |
构造函数调用 | 实例对象 原型对象里面的方法也指向实例对象 |
对象方法调用 | 该方法所属对象 |
事件绑定方法 | 绑定事件对象 |
定时器函数 | window |
立即执行函数 | window |
箭头函数的this
- 箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定
- 箭头函数中,this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为他没有this,所以也就不能用作构造函数
- 箭头函数中的this 是在定义函数的时候绑定
var x = 11
var obj = {
x: 22,
say: () => {
console.log(this.x); //11
}
}
obj.say()
- 所谓的定义时候绑定,就是this是继承自父执行上下文中的this,比如这里的箭头函数中的this.x,箭头函数本身与say平级以key:value的形式,也就是箭头函数本身所在的对象为obj,而obj的父执行上下文就是window,因此这里的this.x实际上表示的是window.x,因此输出为11.
var x = 33
var obj = {
x: 11,
say: function() {
console.log(this); //obj
var x = 22
return () => {
console.log(this.x); //11
}
}
}
obj.say()()
- 例子中的箭头函数本身是在say方法中定义的,因此,say方法的父执行上下文是obj,因此这里的this指向为obj对象