关于foreach中箭头函数的一点疑问

Question

各位大神，小弟有一事不明，想请各位大神指点迷津
先上代码：

    var arr = ["蒙奇.D.路飞", "罗罗诺亚.索隆", "文斯莫克.山治"];
    arr.forEach((item, index, array) => {
        console.log(this);
    }, arr);

执行结果：

另一种方式的代码：

    var arr = ["蒙奇.D.路飞", "罗罗诺亚.索隆", "文斯莫克.山治"];
    arr.forEach(function(item, index, array) {
        console.log(this);
    }, arr);

执行结果：

为什么两次this的指向不一样？是箭头函数与普通函数的区别造成的吗？望各位大神指点小弟先谢过了

Answer 1

• function 中的 this 是根据函数调用的时候确定 this 指向
• bind 的就不用说了
• 箭头函数的 this 是它所处环境的 this，与调用无关

请参阅：JavaScript 的 this 指向问题深度解析

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

箭头函数中的this指向的是定义时的this，而不是执行时的this
关于this的文档：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

Answer 3

你可以看下深入理解this对象文章。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 4

箭头函数是没有this的，它里面的this其实是外部环境的this

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。