在三元运算符中使用return触发SyntaxError错误，求解决方案

数据老陈

2026-7-15

问题解决：三元运算符中使用return导致的SyntaxError

错误原因

你遇到的SyntaxError是因为三元条件运算符（? :）的两侧必须是表达式，而return是语句，不能直接放在三元运算符的分支位置。三元运算符的作用是根据条件返回一个值，而非执行语句。

修正方案

方案1：将三元运算符结果作为return的返回值

把return移到三元运算符外部，让三元运算的结果作为函数返回值：

const determineWinner = (userChoice, computerChoice) => {
  if (userChoice === computerChoice) {
    return "It's a tie!";
  }
  switch (userChoice) {
    case 'rock':
      return computerChoice === 'paper' ? "Computer wins!" : "User wins!";
    case 'paper':
      return computerChoice === 'scissors' ? "Computer wins!" : "User wins!";
    case 'scissors':
      return computerChoice === 'rock' ? "Computer wins!" : "User wins!";
  }
};

determineWinner('rock', 'rock');

方案2：替换为if-else语句（可读性更强）

如果觉得三元运算符不够直观，换成if-else语句也能避免该问题：

const determineWinner = (userChoice, computerChoice) => {
  if (userChoice === computerChoice) {
    return "It's a tie!";
  }
  switch (userChoice) {
    case 'rock':
      if (computerChoice === 'paper') {
        return "Computer wins!";
      } else {
        return "User wins!";
      }
    case 'paper':
      if (computerChoice === 'scissors') {
        return "Computer wins!";
      } else {
        return "User wins!";
      }
    case 'scissors':
      if (computerChoice === 'rock') {
        return "Computer wins!";
      } else {
        return "User wins!";
      }
  }
};

determineWinner('rock', 'rock');