为什么我们不能在三元运算符中返回？

Question

假设我有一个简单的form，我想检查form 是否已更改。如果它更改了submit，它会阻止表单提交，所以我使用 return 而不是使用 if-else 语句我尝试使用 ternary operation 但不幸的是我遇到了错误 Uncaught SyntaxError: Unexpected token return 但我不明白为什么会出现这个错误？三元运算是否只用于赋值？这部分不确定。以下只是我尝试做的一个示例。

var form_original_data = $("#frmProfile").serialize();

$("#frmProfile").on('submit', function(e) {
  e.preventDefault();
  $("#frmProfile").serialize() != form_original_data ? $("body").append('changed') : return;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="frmProfile">
  <input type="text" value="name" />
  <input type="submit" value="Go" />
</form>

Answer 1

三元运算符的计算结果为表达式，而表达式不能包含 return 语句（如果将表达式分配给变量会如何表现？）。但是，您可以很好地返回三元运算符的结果，即return condition? returnValue1 : returnValue2;

关于你的具体观点，我不明白你为什么想回来。看起来您仅在满足条件时才尝试做某事。一个简单的if 语句可能会更合适。

Answer 2

JavaScript（与许多其他语言一样）具有表达式和语句。表达式必须评估为某事。一个语句执行一个动作。表达式可以用作语句，但反之则不行。

return 是一个statement。它不评估任何东西。您正在使用 ternary expression（又名三元运算符），其语法如下：

test ? expression1 : expression2

如果条件成立，则评估为expression1，否则评估为expression2。这意味着expression1 和expression2 必须自己评估某些东西，并且不能是语句。

---

底线，你应该使用if。

Answer 3

因为它在语法上不正确。这是三元运算符的正确语法 -

condition ? expr1 : expr2 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

而return 不是表达式的一部分。 return 后跟一个表达式。 (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return)

Answer 4

有一种方法可以使用三元语句返回值。我在用 Swift 编程时经常使用它，因为我相信它可以清理代码。在我看来，这比使用 if 语句要好得多。它也节省了大量的代码。

考虑一下：

var compare = function(a,b) {
    return (a == b ? true : false);
}

现在测试它：

console.log(compare(1,1));
console.log(compare(1,2));

分别计算为true 和false。虽然这在 Swift 中几乎相同，但我已经验证了这段 Javascript 代码有效。

Answer 5

这是一个返回三元的函数

function tst(x, y = 1) {
    x == 0 ? x = 1 : y *= x;
  return x<=1? y:tst(x-1,y)
}