箭头函数不绑定自己的 this，而是继承外层普通函数执行时的 this 值；在 forEach 等高阶方法中，即使回调是箭头函数，其 this 也绝不会被自动设为数组本身——它始终由定义时的词法作用域决定。
箭头函数不绑定自己的 `this`，而是**继承外层普通函数执行时的 `this` 值**；在 `foreach` 等高阶方法中，即使回调是箭头函数，其 `this` 也绝不会被自动设为数组本身——它始终由定义时的词法作用域决定。
在 JavaScript 中，理解箭头函数的 this 行为是掌握执行上下文的关键一环。与普通函数不同，箭头函数没有独立的 this 绑定机制：它完全忽略 .call()、.apply()、.bind() 甚至作为对象方法调用时的隐式绑定，而是静态捕获其定义位置所在作用域的 this 值（即词法绑定）。
回到你的示例：
const printCard = function () {
this.signatories.forEach((signatory) =>
console.log(this) // 输出 messageConfig，而非 signatories 数组
);
};
const messageConfig = {
closing: { Thor: "Admiration, respect, and love", Loki: "Your son" },
signatories: ["Thor", "Loki"],
};
printCard.call(messageConfig); // this 在 printCard 内指向 messageConfig此处 printCard 是普通函数，通过 .call(messageConfig) 显式将 this 绑定为 messageConfig。箭头函数 (signatory) => console.log(this) 定义在 printCard 函数体内，因此它继承的 this 就是 messageConfig —— 这正是你观察到的结果，也印证了“箭头函数的 this 由外层函数的执行上下文决定”，而非由 forEach 的调用机制决定。
⚠️ 需要特别澄清一个常见误解：
Array.prototype.forEach(callback, thisArg) 的第二个参数 thisArg 确实可用于指定回调中的 this，但该机制仅对普通函数有效。由于箭头函数无视任何运行时 this 绑定，传入 thisArg 对它完全无效：
立即学习“Java免费学习笔记（深入）”；
// ❌ 以下 thisArg 不会影响箭头函数内的 this
this.signatories.forEach(
(signatory) => console.log(this),
{ ignored: true } // 被忽略
);
// ✅ 若改用普通函数，则 thisArg 生效（非严格模式下）
this.signatories.forEach(function(signatory) {
console.log(this); // 输出 { ignored: true }
}, { ignored: true });那么，如何在回调中访问当前遍历的数组？正确方式是利用 forEach 回调的第三个参数（即原数组本身）：
const printCard = function () {
this.signatories.forEach((signatory, index, arr) => {
console.log("Current array:", arr); // ["Thor", "Loki"]
console.log("Item:", signatory, "Index:", index);
});
};✅ 总结要点：
- 箭头函数的 this 是词法绑定，由定义时外层函数的 this 决定；
- forEach、map、filter 等内置迭代方法从不将数组设为回调的 this（无论回调是箭头还是普通函数）；
- 如需访问数组本身，请使用回调的第三个参数 array；
- 如需动态控制 this，必须使用普通函数，并配合 forEach(..., thisArg)；
- 在类方法或事件处理器中使用箭头函数，正是利用其“自动绑定外层 this”的特性，避免手动 bind(this)。
掌握这一机制，不仅能写出更可靠的回调逻辑，更能深入理解 JavaScript 执行上下文与作用域的本质差异。
