Hello! 欢迎来到小浪资源网!


箭头函数中this指向的困惑:为什么有时指向window,有时指向调用它的对象?


箭头函数中this指向的困惑:为什么有时指向window,有时指向调用它的对象?

箭头函数中this的指向疑惑

在箭头函数中,this的指向一直是一个比较容易混淆的问题。以下示例代码意在说明箭头函数中this的指向问题:

function foo() {     const test = () => {         console.log(this)     }     test() } foo() let obj = {     a: 1, } obj.foo = foo obj.foo()

按理来说,此代码应当打印两次window,但意外的是,它打印了一次window和一次obj。

这种现象可以归因于箭头函数的特性。在箭头函数中,this并不存在。当箭头函数内部访问this时,它实际上是在访问一个变量。在这个示例中,test内部没有this,因此它会向上层作用域查找this。

单独运行foo时,foo的this指向window,因此test打印window。而当通过obj.foo调用foo时,foo的this指向obj,因此test打印obj。

相关阅读