2.1 一文掌握 TypeScript 操作符
TypeScript 是 JavaScript 的超集，提供了静态类型系统以及丰富的语言特性，其中“运算符”是日常开发中不可或缺的一部分。本文将带你全面了解 TypeScript 中各种类型的运算符及其用法，并配合示例帮助你快速掌握。
📚 运算符目录
- 算术运算符（Arithmetic Operators）
- 逻辑运算符（Logical Operators）
- 关系运算符（Relational Operators）
- 位运算符（Bitwise Operators）
- 赋值运算符（Assignment Operators）
- 条件（三元）运算符（Ternary Operator）
- 类型运算符（Type Operators）
- 字符串运算符（String Operators）
1️⃣ 算术运算符
用于执行数学计算操作：
| 运算符 | 描述 | 示例语法 |
|
| 加法 |
|
|
| 减法 |
|
|
| 乘法 |
|
|
| 除法 |
|
|
| 取模（余数） |
|
|
| 自增（+1） |
|
|
| 自减（-1） |
|
2️⃣ 逻辑运算符
用于对布尔值进行逻辑判断：
| 运算符 | 描述 | 示例语法 |
|
| 且：两个都为真返回真 |
|
| || | 或：如果至少有一个操作数为真，则返回 true。 |
|
|
| 非：对布尔值取反 |
|
3️⃣ 关系运算符
用于比较两个值之间的关系：
| 运算符 | 描述 | 示例语法 |
|
| 相等（类型转换后判断） |
|
|
| 不相等（类型转换后判断） |
|
|
| 全等（不做类型转换） |
|
|
| 不全等（不做类型转换） |
|
|
| 大于 |
|
|
| 小于 |
|
|
| 大于等于 |
|
|
| 小于等于 |
|
4️⃣ 位运算符
用于对整数的二进制位进行操作（一般用于底层计算或性能优化场景）：
| 运算符 | 描述 | 示例语法 |
|
| 按位与 |
|
| | | 按位或 | a | b |
|
| 按位异或 |
|
|
| 按位取反 |
|
|
| 左移 |
|
|
| 有符号右移（保留符号位） |
|
|
| 无符号右移（不保留符号位） |
|
5️⃣ 赋值运算符
用于给变量赋值，常配合算术或位运算：
| 运算符 | 描述 | 示例语法 |
|
| 基本赋值 |
|
|
| 加并赋值 |
|
|
| 减并赋值 |
|
|
| 乘并赋值 |
|
|
| 除并赋值 |
|
|
| 取模并赋值 |
|
6️⃣ 条件（三元）运算符
用于简化 if...else 条件判断：
| 运算符 | 描述 | 示例语法 |
|
| 条件为真则返回 A，否则返回 B |
|
7️⃣ 类型运算符
TypeScript 独有，用于处理类型系统：
| 运算符 | 描述 | 示例 |
|
| 获取变量/属性的类型 |
|
|
| 获取某类型的所有属性名（键） |
|
| 条件类型 | 根据条件决定类型 |
|
| 映射类型 | 基于现有类型生成新类型 |
|
8️⃣ 字符串操作符与方法
用于字符串的连接、模板替换及属性方法：
| 功能 | 描述 | 示例语法 |
| 拼接符 | 连接两个字符串 |
|
| 模板字符串 | 内嵌变量 |
|
| 字符串插值 | 用变量拼接字符串 |
|
| 常用方法 | 截取、查找等 |
|
|
| 获取字符串长度 |
|
✅ 总结
TypeScript 运算符为我们提供了强大的工具，从简单的数学运算到复杂的类型操作都有相应支持。掌握这些运算符不仅有助于编写高效、简洁的代码，也能更好地理解 TypeScript 的强类型特性。
| 运算符类型 | 场景举例 |
| 算术运算符 | 数学计算、循环计数 |
| 逻辑与关系运算 | 判断条件、控制流程 |
| 位运算符 | 性能优化、底层数据处理 |
| 赋值运算符 | 多步骤计算简化 |
| 条件运算符 | 简写条件语句 |
| 类型运算符 | 类型约束、类型体操 |
| 字符串操作 | 文本处理、模板构建 |
——未完待续——