'this'在Javascript箭头函数中未定义[重复]

Question

在Javascript事件的回调函数中，this是被点击的元素：

  document.querySelector('#my-element').addEventListener('click', function() {
    console.log(this);  // <div id="my-element">
  });

但是，当我使用 ES6 箭头函数时，this 变成了undefined：

  document.querySelector('#my-element').addEventListener('click', () => {
    console.log(this);  // undefined
  });

有人可以解释一下这种行为吗？

Answer 1

箭头函数在调用时不会导致this 被绑定。它在封闭的词法范围内具有任何价值。在您的情况下，这意味着封闭范围内的this 是undefined。