this 指向问题梳理～

[Samgao0312]

let obj = {
    num: 1,
    counter: () => this.num++
}
obj.counter(); // NaN
console.log(obj.num)  // 1

function foo() {
  setTimeout(() => {
    console.log('id: ', this.id)
  }, 100)
}
let id = 21

foo() // id: 21
foo.call({ id: 42 }) // id: 42

总结

• 非箭头函数： 总是指向调用它的对象；
• 箭头函数：箭头函数的 this 跟外层 function 的 this 一致，外层 function 的 this 指向谁，箭头函数的 this 就指向谁。如果外层不是 function 则指向 window；

参阅

• ES6箭头函数体中this指向哪里？
• 一句话记住js箭头函数的this