JavaScript 箭头语法 : What does the equals sign on the right hand side mean?

Question

我正在学习 JavaScript 语法。我偶尔会看到一种令我困惑的模式:箭头右侧有一个等号。例如，像这样:

.then(data => myVariable = data)

我不知道该语法中发生了什么。看起来它正在获取 data 的值并将其分配给名为 myVariable 的变量。有人能解释一下吗？

Answer 1

你是对的。它是一个箭头函数(没有附带的 block )，“返回”赋值表达式 - 实际上将 data 的值赋值给 myVariable 并返回右侧，尽管在本例中可能不会使用它。

在更简化的情况下:

let foo = 3;
function foobar(callback) {
  const result = callback(5); //call callback with 5 as argument
  console.log(result); //5
}
foobar(five => foo = five); //assigns 5 to foo
console.log(foo); //5

这通常不是最具可读性的选项，您的问题证明了这一点。我建议添加一个像这样的 block (如果您不打算实际返回右侧值):

myPromise.then(data => {
  myVariable = data;
});

在这种情况下，赋值表达式的右侧不会隐式返回，并使意图更加清晰。另外，不鼓励像我对异步 promise 所做的那样的作业。

也许可以考虑一下 async/await 或其他新的 ES 功能来处理异步代码，而不是使用变量赋值，这可能会遇到 some problems if not used correctly .