普通this指向
function foo() {
console.log(this)//window
console.log(this.a)//123
}
var a = 123
foo()
对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是 window
function foo() {
console.log(this)//Object{a: 234, foo: ƒ}
console.log(this.a)//234
}
var obj = {
a: 234,
foo: foo
};
obj.foo();
对于 obj.foo() 来说,我们只需要记住,谁调用了函数,谁就是 this,所以在这个场景下 foo 函数中的 this 就是 obj 对象。
function foo() {
console.log(this)//foo{}
console.log(this.a)//undefined
}
var c = new foo();
对于 new 的方式来说,this 被永远绑定在了 c 上面,不会被任何方式改变 this
箭头函数中的this指向
function a() {
return () => {
return () => {
console.log(this)//window
return 123
}
}
}
console.log(a()()())//123
首先箭头函数其实是没有 this 的,箭头函数中的 this 只取决于包裹箭头函数的第一个普通函数的 this。在这个例子中,因为包裹箭头函数的第一个普通函数是 a,所以此时的 this 是 window。
附图: