|
| 1 | +# WTF JavaScript 极简教程: 3. 常用类型 |
| 2 | + |
| 3 | +WTF JavaScript 教程，帮助新人快速入门 JavaScript。 |
| 4 | + |
| 5 | +**推特**：[@WTFAcademy_](https://twitter.com/WTFAcademy_) ｜ [@0xAA_Science](https://twitter.com/0xAA_Science) |
| 6 | + |
| 7 | +**WTF Academy 社群：** [官网 wtf.academy](https://wtf.academy/) | [WTF Solidity 教程](https://github.com/AmazingAng/WTFSolidity) | [discord](https://discord.wtf.academy/) | [微信群申请](https://docs.google.com/forms/d/e/1FAIpQLSe4KGT8Sh6sJ7hedQRuIYirOoZK_85miz3dw7vA1-YjodgJ-A/viewform?usp=sf_link) |
| 8 | + |
| 9 | +所有代码和教程开源在 github: [github.com/WTFAcademy/WTF-Javascript](https://github.com/WTFAcademy/WTF-Javascript) |
| 10 | + |
| 11 | +--- |
| 12 | + |
| 13 | +这一讲，我们将介绍 JavaScript 中常用的数据类型：数值（*Number*）、字符串（*String*） 和 布尔值（*Boolean*）。 |
| 14 | + |
| 15 | +## 1. 数值 Number |
| 16 | + |
| 17 | +数值（Number）是 JavaScript 中最常用的类型，它既可以声明整数，也可以声明浮点数（小数）。 |
| 18 | + |
| 19 | +```js |
| 20 | +// 声明整数 |
| 21 | +const int = 10; |
| 22 | +// 声明浮点数 |
| 23 | +const float = 1.1; |
| 24 | +``` |
| 25 | + |
| 26 | +### 1.1 NaN、Infinity、-Infinity |
| 27 | + |
| 28 | +JavaScript 中有三个特殊数值。 |
| 29 | + |
| 30 | +1. `NaN`：表示 “不是数值”，当返回数值的操作失败时会出现，比如 `0 / 0`（表示 0 除以 0）。 |
| 31 | + ```js |
| 32 | + const nan = 0/0 // NaN |
| 33 | + ``` |
| 34 | + |
| 35 | +2. Infinity：无穷大，表示超出上限的结果，比如 `1 / 0`。 |
| 36 | + ```js |
| 37 | + const inf = 1/0 // Infinity |
| 38 | + ``` |
| 39 | + |
| 40 | +3. -Infinity：负无穷大，表示超出下限的结果，比如 `-1 / 0`。 |
| 41 | + ```js |
| 42 | + const negInf = -1/0 // -Infinity |
| 43 | + ``` |
| 44 | + |
| 45 | +## 2. 字符串 String |
| 46 | + |
| 47 | +JavaScript 中的文本由字符串（String）类型表示。你可以使用双引号（`""`）、单引号（`''`）或反引号（` `` `）标示它。 |
| 48 | + |
| 49 | +```js |
| 50 | +const str1 = "WTF"; // 双引号（推荐） |
| 51 | +const str2 = 'Academy'; // 单引号 |
| 52 | +const str3 = `JavaScript`; // 反引号（模板字符串） |
| 53 | +``` |
| 54 | + |
| 55 | +### 2.1 模板字符串 |
| 56 | + |
| 57 | +在 ES6 之后的版本中，字符串可以用反引号标示，这样的字符串被称为“模板字符串”（Template Literals）。它很有意思，可以用作字符串插值：在模板字符串使用 `${}` 可以在其中插入变量并解析。 |
| 58 | + |
| 59 | +```js |
| 60 | +const name = "0xAA"; |
| 61 | +const age = 18; |
| 62 | +const template = `姓名 ${name}，年龄 ${age}。`; |
| 63 | +console.log(template); // 姓名 0xAA，年龄 18。 |
| 64 | +``` |
| 65 | + |
| 66 | +改变 `name` 和 `age` 值改变的时候，模板字符串也会作相应改变。 |
| 67 | + |
| 68 | +## 3. 布尔值 Boolean |
| 69 | + |
| 70 | +布尔值（Boolean）类型用于表示 *真或假*，*是与非*。它只有两个值：`true` 和 `false`。我们经常在控制结构，比如 `if/else` 语句中使用它，之后章节中会涉及。 |
| 71 | + |
| 72 | +```js |
| 73 | +const bool1 = true; |
| 74 | +const bool2 = false; |
| 75 | +``` |
| 76 | + |
| 77 | +## 习题 |
| 78 | + |
| 79 | +请补全下面的代码，让它正常运行。注意，`nickname` 为字符串， `age` 为数值，`isDev` 为布尔值。你可以在[链接](https://playcode.io/1059248)上找到这段代码。 |
| 80 | + |
| 81 | +```js |
| 82 | +const nickname = ; // 昵称 |
| 83 | +const age = ; // 年龄 |
| 84 | +const isDev = ; // 是否为开发者 |
| 85 | +const template = `欢迎 ${age} 岁的 ${nickname} 来到 WTF Academy！ |
| 86 | +你是开发者吗？ ${isDev}`; |
| 87 | +console.log(template); |
| 88 | +``` |
| 89 | + |
| 90 | +## 总结 |
| 91 | + |
| 92 | +这一讲，我们介绍了三种最常用的变量类型：数值，字符串，和布尔值。你会在之后的 JavaScript 之旅中不断和他们打交道！ |
0 commit comments