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

【问题标题】：'this' is undefined in Javascript arrow function [duplicate]'this'在Javascript箭头函数中未定义[重复]
【发布时间】：2017-03-02 17:24:21
【问题描述】：

在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
  });

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

【问题讨论】：

【解决方案1】：

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

【讨论】：