如果出现其他情况，则返回内部并使用胖箭头

Question

当我尝试在胖箭头函数中返回用户输入条件运算符时出错。温馨的建议。

使用ES5我的代码工作正常;

userInput = userInput.toLowerCase();
if (userInput === 'rock' || userInput === 'paper' || userInput === 'scissors' ) {
  return userInput;
} else {
  console.log('Error!');
}
console.log(getUserChoice('Paper')); // console prints 'paper'
console.log(getUserChoice('fork')); // console prints 'Error!' and `undefined`

但是当我使用ES6胖箭头和条件运算符时，出现错误。注意：我想在if… else语句的第一个条件评估时立即返回userInput。

const getUserChoice = userInput => {
  userInput = userInput.toLowerCase();
  (userInput === 'rock' || userInput === 'paper' || userInput === 'scissors')? return userInput : console.log('Error');
};

console.log(getUserChoice('Paper'));
console.log(getUserChoice('fork'));

出现以下错误：

  (userInput === 'rock' || userInput === 'paper' || userInput === 'scissors')? return userInput : console.log('Error');
                                                                               ^^^^^^
SyntaxError: Unexpected token return

Answer 1

这里的关键是要认识到< code >？:是一个运算符。它就像任何其他运算符(如< code> 和< code>*)一样进行计算，以创建新值。记住这一点，您就可以理解为什么在您的原始版本中放置< code>return没有意义了。< code>return是一个命令(或者更准确地说是一个语句)，而不是一个值。

Answer 2

有两种方法可以在JavaScript中创建不同的分支：

1） 用于分支语句或语句块的 if（） 语句

 if(cond) {
   statement1;
   statement2;
 } else statement 3

2） 将表达式分支的三元运算符。

 cond ? expression1 : expression2

back是一个语句，语句不能在表达式中。您要么返回整个三元，要么使用if。

三元组很久以前就被引入了，这与箭头功能无关。

Answer 3

您需要在条件语句的开头指定 return，如下所示：

return (userInput === 'rock' || userInput === 'paper' || userInput === 'scissors')? userInput : console.log('Error');