在尝试使用箭头函数返回三元运算符时，如何修复ES6 Eslint错误？

Question

我知道() => {}不需要返回，但如果不存在则Eslint抱怨未使用的表达式。

export const isInInterval = (from, to, target) => {
  if (isNaN(Date.parse(to)) && isNaN(Date.parse(from)) === true) {
    return
  }
  const toUnixTimestamp = time => new Date(time).getTime()
  toUnixTimestamp(to) - target > toUnixTimestamp(from) ? true : false
}

下面是函数：它试图找出一些指定日期（是否to ）减去指定时间内（ target ）后是在时间上比from 。 如果是这样，它应该返回true而在相反的情况下应该返回false。 我不断碰到eslint错误， expected assignment to a function call and instead saw expression 。

我尝试多次重写它，但在大多数迭代中我得到`箭头函数期望没有返回错误，例如：

return（toUnixTimestamp（to） - target> toUnixTimestamp（from））？ 真假

Answer 1

我明白（）=> {}不需要返回

事实并非如此。 当=>后面的内容是单个表达式时，箭头函数仅隐式返回。 如果你使用=> { ，开括号{表示一个功能块的开头，你确实需要在块的末尾显式return （或者你想要return其他地方）。

目前，你的代码根本没有返回任何东西 - 这就是linting错误试图告诉你的 - true : false现在没有被使用，它只是一个孤立的表达式。

因此，只需将return语句添加到条件的开头：

export const isInInterval = (from, to, target) => {
  if (isNaN(Date.parse(to)) && isNaN(Date.parse(from)) === true) {
    return
  }
  const toUnixTimestamp = time => new Date(time).getTime()
  return toUnixTimestamp(to) - target > toUnixTimestamp(from)
    ? true
    : false
}

或者，因为>已经评估为boolean ，您可以完全省略条件运算符：

return toUnixTimestamp(to) - target > toUnixTimestamp(from)

这里是你如何写一个箭头函数， 它使用隐式返回的例子：

export const isEarlyTimestamp = (timestamp) => (
  timestamp < 4000000
  ? true
  : false
);

Answer 2

试试这个：

export const isInInterval = (from, to, target) => {
    if (isNaN(Date.parse(to)) && isNaN(Date.parse(from)) === true) {
    return false
    }
    const toUnixTimestamp = time => new Date(time).getTime()
    return toUnixTimestamp(to) - target > toUnixTimestamp(from);
}