箭头函数中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。