【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用

条件运算符语法

variable = boolean_expression ? true_value : false_value;

这行代码的意思就是：如果 boolean_expression 为真，variable 的值为 true_value，否则 variable 的值为 false_value。

条件 ？条件成立执行 ：条件不成立执行

如何应用

1、赋值

let opacity = opacity > 1 ? 1 : opacity

如果 opacity > 1 时，opacity = 1，否则 opacity = opacity

2、执行动作

var num = 10
num > 5 && num <= 10 ? num++ : num--
console.log(num)

10 大于5小于等于10，条件成立，执行 num++ ，结果为11

3、代码块

num > 5 && num <= 10 ? (num++, console.log(num)) : num--

有多行代码可以用 '( )' 包裹，每行代码之间用 ' , ' 分隔。

三元运算符的操作中不能出现break、continue、return等这些关键词

4、只有一种情况时，可以使用null、undefined、void 0(就是undefined)占位

var num = 4
num > 5 && num <= 10 ? num++ : void(0)
console.log(num)

null、void(0) 只占位不执行任何动作。

复杂语句还是建议用 if …… else。