回调箭头函数中的这个值是什么？[复制]-解网

问：

上个月关闭。

因此，当我阅读 javascript 中的执行上下文及其工作原理时，一切似乎都很好，直到我尝试了一些关于回调箭头函数的 this 值的示例。

const printCard = function () {
  this.signatories.forEach((signatory) =>
    console.log(this) /* expected to return signatories, returned messageConfig */
  );
};

const messageConfig = {
  closing: {
    Thor: "Admiration, respect, and love",
    Loki: "Your son",
  },
  signatories: ["Thor", "Loki"],
};

printCard.call(messageConfig);

在这里，由于 forEach 是签名者的原型方法，我希望回调（箭头函数）自动从封闭上下文（在本例中为 forEach）中获取 this 值。但是，它似乎返回了 messageConfig，这让我想起了词法范围。

javascript 回调这个 arrow-functions executioncontext

const printCard = function () {
  this.signatories.forEach((signatory, i, arr) => {
    console.log(arguments);
    console.log(this.signatories);
    console.log(arr);
  });
};

const messageConfig = {
  closing: {
    Thor: "Admiration, respect, and love",
    Loki: "Your son",
  },
  signatories: ["Thor", "Loki"],
};

printCard.call(messageConfig, 'arg1', 'arg2');

1赞 Barmar 9/28/2023 #2

Array.prototype.forEach()不会将数组作为上下文传递给其回调函数。它将循环的数组作为第三个参数传递。因此，如果您想获得签名者，请使用this

const printCard = function () {
  this.signatories.forEach((signatory, i, signatories) =>
    console.log(signatories);
  );
};

您可以选择将第二个参数传递给，该参数将作为上下文传递。forEach()this

但是，箭头函数不接受传递的上下文，因此这无济于事。它们从定义范围继承上下文。由于您在使用时将上下文绑定到，这是 in 的值，也是回调函数的值。thismessageConfigprintCard.call()thisprintCard()

如果要将回调函数更改为常规函数，则将是浏览器中的对象或 node.js 中的对象，除非代码处于严格模式。thiswindowglobal

回调箭头函数中的这个值是什么？[复制]

What's the this value in callback arrow functions? [duplicate]

评论

评论