javascript - forEach 和 addEventListener 方法中 "this"的行为

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

The value of "this" within the handler using addEventListener (11 个回答)

已关闭 4 年前。

编辑:这不是关于“this”关键字在不同上下文中的一般行为的问题。我的问题是，这里的两种行为背后是否存在共同的底层逻辑 - 是因为“this”仅在调用该对象的方法时绑定(bind)到该对象，但 forEach() 是数组的方法吗？
为什么当我使用时:

var tag = ["a","b","c"];

tag.forEach(function () { 
  console.log(this)
});

this引用全局对象，因为该函数绑定(bind)到全局对象，但是当我使用时:

element.getElementById("id").addEventListener("click", function () {
  console.log(this.value);
});

this指id元素，即使它在函数内？是不是因为forEach是数组的方法而不是对象的方法？

Answer 1

在 DOM 事件处理程序中，this 设置为触发事件的元素: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this#As_a_DOM_event_handler