差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
| typescript:第三章下_二元运算符与三元运算符 [2026/04/27 20:25] – ↷ 页面名由typescript:第三章下_二元符改为typescript:第三章下_二元运算符与三元运算符 张叶安 | typescript:第三章下_二元运算符与三元运算符 [2026/04/28 09:59] (当前版本) – [3.8 逻辑二元运算符] 张叶安 | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| - | ====== 第三章：TypeScript 中的二元运算符与三元运算符 ====== | + | ====== 第三章下：二元运算符与三元运算符 ====== |
| - | 本章将系统讲解 TypeScript 中的二元运算符和三元运算符。所谓“运算符”，可以理解为一种用于连接值、变量、表达式，并产生新结果的语法符号。TypeScript 作为 JavaScript 的超集，继承了 JavaScript 的大部分运算符，同时又因为引入了类型系统，使这些运算符在使用时具有更明确的类型约束和类型推断行为。 | ||
| - | 本章内容适合作为 TypeScript 教程中的第三章使用，重点介绍以下内容： | ||
| - | |||
| - | * 什么是二元运算符 | ||
| - | * 什么是三元运算符 | ||
| - | * TypeScript 中常见的二元运算符分类 | ||
| - | * 算术运算符 | ||
| - | * 赋值运算符 | ||
| - | * 比较运算符 | ||
| - | * 逻辑运算符 | ||
| - | * 空值合并运算符 | ||
| - | * 位运算符 | ||
| - | * 字符串连接运算符 | ||
| - | * 关系运算符 | ||
| - | * 条件三元运算符 | ||
| - | * 运算符优先级 | ||
| - | * TypeScript 类型系统对运算符的影响 | ||
| - | * 实际开发中的常见写法与注意事项 | ||
| - | |||
| - | ---- | ||
| ===== 3.1 运算符的基本概念 ===== | ===== 3.1 运算符的基本概念 ===== | ||
| 行 27: | 行 7: | ||
| 在 TypeScript 中，运算符是用于对一个或多个值进行操作的符号。例如： | 在 TypeScript 中，运算符是用于对一个或多个值进行操作的符号。例如： | ||
| - | < | + | < |
| const result = 1 + 2; | const result = 1 + 2; | ||
| </ | </ | ||
| 行 55: | 行 35: | ||
| 基本格式如下： | 基本格式如下： | ||
| - | < | + | < |
| 左操作数 运算符 右操作数 | 左操作数 运算符 右操作数 | ||
| </ | </ | ||
| 行 61: | 行 41: | ||
| 例如： | 例如： | ||
| - | < | + | < |
| const sum = 10 + 20; | const sum = 10 + 20; | ||
| </ | </ | ||
| 行 73: | 行 53: | ||
| 再比如： | 再比如： | ||
| - | < | + | < |
| const isAdult = age >= 18; | const isAdult = age >= 18; | ||
| </ | </ | ||
| 行 86: | 行 66: | ||
| TypeScript 中的大多数常用运算符都是二元运算符。例如： | TypeScript 中的大多数常用运算符都是二元运算符。例如： | ||
| - | < | + | < |
| a + b | a + b | ||
| a - b | a - b | ||
| 行 177: | 行 157: | ||
| | ''/'' | | ''/'' | ||
| | '' | | '' | ||
| - | | '' | + | | $**$ | 幂运算 | $a ** b$ | |
| 示例： | 示例： | ||
| - | < | + | < |
| const a = 10; | const a = 10; | ||
| const b = 3; | const b = 3; | ||
| 行 197: | 行 177: | ||
| 例如： | 例如： | ||
| - | < | + | < |
| const x: number = 10; | const x: number = 10; | ||
| const y: number = 5; | const y: number = 5; | ||
| 行 208: | 行 188: | ||
| 但是下面的代码通常不推荐： | 但是下面的代码通常不推荐： | ||
| - | < | + | < |
| const result = " | const result = " | ||
| </ | </ | ||
| 行 216: | 行 196: | ||
| 更推荐的写法是： | 更推荐的写法是： | ||
| - | < | + | < |
| const value = Number(" | const value = Number(" | ||
| const result = value - 5; | const result = value - 5; | ||
| 行 325: | 行 305: | ||
| | ''/ | | ''/ | ||
| | '' | | '' | ||
| - | | '' | + | | $**=$ | 幂运算后赋值 | $a = a ** b$ | |
| | ''&& | | ''&& | ||
| | '' | | '' | ||
| 行 421: | 行 401: | ||
| 示例： | 示例： | ||
| - | < | + | < |
| const result1 = true && " | const result1 = true && " | ||
| const result2 = false && " | const result2 = false && " | ||
| 行 433: | 行 413: | ||
| 示例： | 示例： | ||
| - | < | + | < |
| const result1 = " | const result1 = " | ||
| const result2 = "" | const result2 = "" | ||
| 行 442: | 行 422: | ||
| 例如： | 例如： | ||
| - | < | + | < |
| const name = ""; | const name = ""; | ||
| const displayName = name || " | const displayName = name || " | ||
| 行 457: | 行 437: | ||
| * '' | * '' | ||
| * '' | * '' | ||
| - | * '' | + | * $'' |
| * '' | * '' | ||
| * '' | * '' | ||
张叶安