JavaScript 中的三元运算符与返回语句

在 JavaScript 中，三元运算符是一种简洁有效的条件语句。它使用一个问号和一个冒号来表示两个不同的结果。当条件为真时返回第一个结果，否则返回第二个结果。在这篇文章中，我们将探讨如何将三元运算符与返回语句结合使用，以及如何正确地处理返回值。

返回语句

在 JavaScript 中，函数可以通过返回语句返回一个值。当一个函数被调用时，它将执行代码并生成一个返回值。这个返回值可以是任何类型的数据，包括数字、字符串、布尔值、对象等。

例如，下面的函数将接收两个参数并返回它们的和：

function add(a, b) {
  return a + b;
}

在这个例子中，return 关键字后面的表达式 a + b 将计算 a 和 b 的和，并将该值作为函数的返回值。如果我们调用这个函数并将其结果存储在一个变量中，就可以像这样使用它：

const result = add(2, 3);
console.log(result); // Output: 5

三元运算符

三元运算符是一种紧凑而强大的条件语句，它可以让你在单行代码中完成类似于 if/else 语句的任务。它有以下语法：

condition ? expressionIfTrue : expressionIfFalse

如果 condition 表达式为真，那么返回第一个表达式，否则返回第二个表达式。下面是一个例子：

const age = 18;
const status = age >= 18 ? '成年人' : '未成年人';
console.log(status); // Output: "成年人"

在这个例子中，我们使用三元运算符来检查 age 的值是否大于或等于 18。如果是，将返回 '成年人'，否则将返回 '未成年人'。

三元运算符与返回语句的结合使用

三元运算符可以与返回语句结合使用，以便在单行代码中返回结果。例如，下面的函数使用三元运算符来判断一个数字是否是偶数，并返回相应的字符串：

function isEven(num) {
  return num % 2 === 0 ? '是偶数' : '不是偶数';
}

在这个例子中，我们使用 return 关键字来返回由三元运算符计算得出的字符串。如果 num 可以被 2 整除，则返回 '是偶数'，否则返回 '不是偶数'。

我们还可以使用多个三元运算符来生成更复杂的逻辑。例如，下面的函数将根据给定的分数返回不同的等级：

function getGrade(score) {
  return score >= 90 ? 'A' :
         score >= 80 ? 'B' :
         score >= 70 ? 'C' :
         score >= 60 ? 'D' :
                      'F';
}

在这个例子中，我们使用了多个三元运算符来生成一个嵌套的条件语句。如果 score 大于或等于 90，则返回 'A'，否则检查分数是否大于或等于 80，并依此类推。

总结

JavaScript 中的三元运算符可以让你在单行代码中完成条件检查和结果返回的任务。当与返回语句结合使用时，三元运算符可以使代码更清晰、更紧凑，并且更易于阅读和理解。使用三元运算符要注意正确的语法和返回值类型的处理，以确保代码的正确性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26753