白骑士的JavaScript教学JavaScript语法基础篇之运算符与表达式 2.2.5 条件运算符（三元运算符）

        条件运算符，也称为三元运算符，是JavaScript中唯一的三目运算符，它提供了一种简洁的方式来编写条件判断和赋值语句。通过使用条件运算符，你可以在一行代码中实现简单的条件判断，从而让代码更加紧凑和易读。

条件运算符

        条件运算符由三个部分组成：条件表达式、问号（‘?‘）和冒号（‘:‘）。其基本语法结构如下：

condition ? expr1 : expr2;

• condition：一个会被求值为‘true‘或‘false‘的布尔表达式。
• expr1：当条件为‘true‘时执行的表达式。
• expr2：当条件为‘false‘时执行的表达式。

        根据条件表达式的结果，JavaScript将执行并返回‘expr1‘或‘expr2‘中的一个。

示例及用法

基本用法

        条件运算符最常见的使用场景是根据条件为变量赋值。例如：

let age = 18;
let canVote = age >= 18 ? "Yes" : "No";

console.log(canVote); // 输出 "Yes"

        在这个例子中，‘age >= 18‘作为条件表达式。如果这个条件为‘true‘，则‘canVote‘的值为‘"Yes"‘；否则，它的值为‘"No"‘。

嵌套的条件运算符

        条件运算符还可以嵌套使用，以处理多个条件。不过，为了代码的可读性，嵌套使用应当谨慎。

let score = 85;
let grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D";

console.log(grade); // 输出 "B"

        在这个例子中，嵌套的条件运算符根据分数‘score‘的不同范围来决定等级‘grade‘的值。虽然代码紧凑，但过多的嵌套可能会降低代码的可读性，建议在实际使用中适度简化。

代替‘if-else‘语句

        条件运算符在某些情况下可以替代简单的‘if-else‘语句，使代码更为简洁。例如：

// 使用 if-else
let isMember = true;
let discount;

if (isMember) {
    discount = 0.1;
} 

else {
    discount = 0;
}

// 使用条件运算符
let discount = isMember ? 0.1 : 0;

        两者功能相同，但条件运算符的版本更加紧凑。

作为表达式的一部分

        条件运算符可以直接作为函数参数或在其他表达式中使用，使得代码更具灵活性。例如：

function getFee(isMember) {
    return isMember ? "$2.00" : "$10.00";
}

console.log(getFee(true));  // 输出 "$2.00"
console.log(getFee(false)); // 输出 "$10.00"

        这里，‘isMember‘参数决定了函数返回的费用值。

条件运算符与副作用

        使用条件运算符时要注意避免在‘expr1‘或‘expr2‘中引入副作用（如函数调用或变量赋值），以防止意外的行为。

let x = 10;
let y = x > 5 ? (x = 3) : (x = 7);

console.log(x); // 输出 3

        在这个例子中，条件运算符改变了变量‘x‘的值，这种副作用可能会让代码难以调试和维护。

总结

        条件运算符是JavaScript中非常有用的工具，可以让代码更为简洁、易读。它特别适合用于简单的条件判断和赋值场景。然而，对于复杂的条件判断，建议仍然使用‘if-else‘语句，以保持代码的可读性。在实际开发中，灵活运用条件运算符能够提高代码的效率和简洁性。