this 的指向是动态的,根据执行上下文的不同会有所变化
对于复杂的 this 绑定场景,可以使用箭头函数、bind、apply、call等方式来明确指定 this 的值
1、全局作用域
在全局作用域中,this 指向全局对象,比如在浏览器环境下指向 window 对象。
2、函数作用域
(1)在普通函数中,this 的指向取决于函数的调用方式。
(2)如果是通过函数引用的形式调用,this 通常指向全局对象。
(3)如果函数作为对象的方法调用,this 指向调用该方法的对象。
(4)在严格模式下,this 的指向为 undefined。
3、箭头函数
箭头函数的 this 指向由外层的非箭头函数决定。如果箭头函数是在一个非箭头函数的环境下被调用,它会继承父级函数的 this。
4、事件处理函数
在事件处理函数中,this 通常会指向触发事件的元素。
5、类方法
在类方法中,this 会指向调用该方法的对象,类似于普通函数的对象方法。
6、回调函数
在一些回调函数中,比如 Promise 的 .then 或 .catch 方法中,this 的指向取决于 Promise 被决议时的值。