为什么在JavaScript中“？”是真的？

在 JavaScript 中，我们经常会看到 ? 这个符号的使用，尤其是在一些流行的库或框架中（例如 Vue.js）。那么这个符号究竟代表什么意思呢？它为什么会被称为“真的”呢？

三目运算符

其实，? 符号在 JavaScript 中是一个很常见的三目运算符的组成部分。三目运算符是一种可以替代 if else 条件语句的简洁写法，通常由三个部分组成：

condition ? exprIfTrue : exprIfFalse

其中，condition 是一个布尔类型的值，如果它为真，则返回 exprIfTrue 的结果，否则返回 exprIfFalse 的结果。

下面是一个简单的例子，通过三目运算符来判断一个数字是否为偶数：

const num = 10;
const result = num % 2 === 0 ? '偶数' : '奇数';
console.log(result); // 输出：偶数

真的与假的

回到问题本身，为什么 ? 符号在 JavaScript 中被称为“真的”呢？这是因为，在 JavaScript 中有一种称为“假值”的概念。在条件判断中，除了 false、undefined、null、0、NaN、''（空字符串）之外的所有值都被视为“真值”。

因此，当 condition 的值为一个非假值时，三目运算符就会返回 exprIfTrue 的结果，这种情况下，? 符号就被称为“真的”。

再看一个例子：

const name = 'ChatGPT';
const result = name ? `欢迎你，${name}` : '请先登录！';
console.log(result);

如果 name 的值为一个非空字符串，则输出：欢迎你，ChatGPT；否则输出：请先登录！

深入理解

对于 JavaScript 初学者来说，三目运算符可能并不容易理解，因为它没有像传统的 if else 语句那样直观。而实际上，它们是等价的，只是写法有所不同。

来看一下下面这段代码：

if (condition) {
  exprIfTrue;
} else {
  exprIfFalse;
}

在使用三目运算符时，相当于将上述代码简化为了一行：

condition ? exprIfTrue : exprIfFalse

这种写法不仅更加简洁，而且在某些情况下可以提高代码的可读性和执行效率。

总结

在 JavaScript 中，“？”符号通常作为三目运算符的组成部分出现。在条件判断中，除了六个“假值”外，其他所有值都被视为“真值”。三目运算符的写法虽然有些不同于传统的 if else 语句，但它们是等价的。在实际应用中，可以根据具体情况选择使用哪种方式来编写代码。

希望本文能够对初学者理解 JavaScript 中的三目运算符有所帮助，也希望大家能够掌握这个简洁而强大的工具，让你的代码更加优雅和高效！

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