Truthy（真值）与Falsy (假值)

小鱼儿 2023-06-14 05:22 9阅读 0赞

在 [JavaScript][] 中，**truthy**（真值）指的是在[布尔值][Link 1]上下文中，转换后的值为真的值。所有值都是真值，除非它们被定义为 [假值][Link 2]（即除 `false`、`0`、`""`、`null`、`undefined` 和 `NaN` 以外皆为真值）。

[JavaScript][] 在布尔值上下文中使用强制类型转换（[coercion][]）。

JavaScript 中的真值示例如下（将被转换为 true，`if` 后的代码段将被执行）：

if (true)
    if ({})
    if ([])
    if (42)
    if ("foo")
    if (new Date())
    if (-42)
    if (3.14)
    if (-3.14)
    if (Infinity)
    if (-Infinity)

**falsy **值 (虚值) 是在 [Boolean][Link 1] 上下文中认定为 false 的值。

[JavaScript][] 在需要用到布尔类型值的上下文中使用强制类型转换([Type Conversion][coercion] )将值转换为布尔值，例如[条件语句][Link 3]和循环语句。

在 JavaScript 中只有 **6 个** **falsy** 值。

这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被当做 false。

<table> 
 <tbody> 
  <tr> 
   <td><code>false</code></td> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Future_reserved_keywords_in_older_standards" rel="nofollow">false</a>&nbsp;关键字</td> 
  </tr> 
  <tr> 
   <td>0</td> 
   <td>数值&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Number_type" rel="nofollow">zero</a> <p>当&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt" rel="nofollow">BigInt</a>&nbsp;作为布尔值使用时, 遵从其作为数值的规则.&nbsp;<code>0n</code>&nbsp;是&nbsp;<em>falsy&nbsp;</em>值.</p> </td> 
  </tr> 
  <tr> 
   <td>"", '', ``</td> 
   <td> <p>这是一个空字符串 (字符串的长度为零). JavaScript 中的字符串可用双引号&nbsp;<code><strong>""</strong></code>, 单引号&nbsp;<code>''</code>, 或&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="nofollow">模板字面量</a>&nbsp;<strong><code>``</code></strong>&nbsp;定义。</p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Glossary/null" rel="nofollow">null</a></td> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null" rel="nofollow">null</a>&nbsp;- 缺少值</td> 
  </tr> 
  <tr> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Glossary/undefined" rel="nofollow">undefined</a></td> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined" rel="nofollow">undefined</a>&nbsp;- 原始值</td> 
  </tr> 
  <tr> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Glossary/NaN" rel="nofollow">NaN</a></td> 
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN" rel="nofollow">NaN&nbsp;</a>- 非数值</td> 
  </tr> 
 </tbody> 
</table>

## 例子 ##

JavaScript 中 *falsy *值的例子 (在布尔值上下文中被转换为 false，从而*绕过*了 `if` 代码块):

if (false)
    if (null)
    if (undefined)
    if (0)
    if (0n)
    if (NaN)
    if ('')
    if ("")
    if (``)
    if (document.all)

### 逻辑与操作符 && ###

如果第一个对象（译注：原文如此）是 falsy 值，则返回那个对象：

let pet = false && "dog";
    
    // ↪ false

`document.all` 在过去被用于浏览器检测，是 [HTML 规范在此定义了][HTML]故意与 ECMAScript 标准相违背的（译者注：`document.all` 虽然是一个对象，但其转换为 boolean 类型是 false），以保持与历史代码的兼容性  (`if (document.all) { // Internet Explorer code here }` 或使用 `document.all` 而不先检查它的存在: `document.all.foo`).

falsy 有时会写作 **falsey**，虽然在英语中，将一个单词转换成形容词时，通常会去掉末尾的字母 e，加上后缀 y。(noise => noisy, ice => icy, shine => shiny)

[JavaScript]: https://developer.mozilla.org/en-US/docs/Glossary/JavaScript
[Link 1]: https://developer.mozilla.org/en-US/docs/Glossary/Boolean
[Link 2]: https://developer.mozilla.org/en-US/docs/Glossary/Falsy
[coercion]: https://developer.mozilla.org/en-US/docs/Glossary/Type_Conversion
[Link 3]: https://developer.mozilla.org/zh-CN/docs/learn/JavaScript/Building_blocks/conditionals
[HTML]: http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#dom-document-all