副队长JavaScript教程(20)–三元运算符、逗号运算符

点此查看 所有教程、项目、源码导航

1. 前言

前面我们已经学习了算术、赋值、比较、逻辑运算符。

本篇再来认识两个比较有特点的运算符：逗号运算符和三元运算符。

其中三元运算符在开发中使用频率较高，逗号运算符相对少见，我们一起了解它们的用法。

三元运算符也叫条件运算符，它是 JS 里面唯一一个需要三个操作数的运算符。

语法格式：

js 复制代码

条件 ? 表达式1 : 表达式2

执行规则：

先判断条件，如果条件为 true，执行并返回表达式 1；如果条件为 false，执行并返回表达式 2。

js 复制代码

let age = 18;
let res = age >= 18 ? "成年" : "未成年";
console.log(res);

代码解释：

判断 age >= 18，条件成立，所以返回冒号前面的字符串成年，最后赋值给 res。

三元运算符可以简单实现二选一的判断，用来替代简单的 if 判断，代码写起来更加精简。

注意：三元运算符适合简短的判断逻辑，复杂的分支不推荐使用，可读性会变差。

逗号运算符使用 , 表示，可以用来依次执行多个表达式，最终只会返回最后一个表达式的结果。

js 复制代码

let a;
let b = (a = 10, a + 20);
console.log(b);

代码解释：

括号里面是逗号运算，先执行 a = 10，再执行 a + 20，逗号运算符最终取最后一个表达式的值，也就是 30，赋值给 b。

重点说明：

逗号运算符优先级很低，很多时候需要用小括号包裹起来，否则不会当成逗号运算符解析。

日常开发中逗号运算符用的不多。