做网站文字编辑累吗网站优化排名首页

TypeScript 是 JavaScript 的超集，提供了静态类型系统以及丰富的语言特性，其中“运算符”是日常开发中不可或缺的一部分。本文将带你全面了解 TypeScript 中各种类型的运算符及其用法，并配合示例帮助你快速掌握。

📚 运算符目录

1. 算术运算符（Arithmetic Operators）
2. 逻辑运算符（Logical Operators）
3. 关系运算符（Relational Operators）
4. 位运算符（Bitwise Operators）
5. 赋值运算符（Assignment Operators）
6. 条件（三元）运算符（Ternary Operator）
7. 类型运算符（Type Operators）
8. 字符串运算符（String Operators）

1️⃣ 算术运算符

用于执行数学计算操作：

运算符	描述	示例语法
+	加法	a + b
-	减法	a - b
*	乘法	a * b
/	除法	a / b
%	取模（余数）	a % b
++	自增（+1）	a++ / ++a
--	自减（-1）	a-- / --a

2️⃣ 逻辑运算符

用于对布尔值进行逻辑判断：

运算符	描述	示例语法
&&	且：两个都为真返回真	result = a && b;
||	或：如果至少有一个操作数为真，则返回 true。	result = a || b;
!	非：对布尔值取反	result = !a;

3️⃣ 关系运算符

用于比较两个值之间的关系：

运算符	描述	示例语法
==	相等（类型转换后判断）	a == b
!=	不相等（类型转换后判断）	a != b
===	全等（不做类型转换）	a === b
!==	不全等（不做类型转换）	a !== b
>	大于	a > b
<	小于	a < b
>=	大于等于	a >= b
<=	小于等于	a <= b

4️⃣ 位运算符

用于对整数的二进制位进行操作（一般用于底层计算或性能优化场景）：

运算符	描述	示例语法
&	按位与	a & b
|	按位或	a | b
^	按位异或	a ^ b
~	按位取反	~a
<<	左移	a << 2
>>	有符号右移（保留符号位）	a >> 2
>>>	无符号右移（不保留符号位）	a >>> 2

5️⃣ 赋值运算符

用于给变量赋值，常配合算术或位运算：

运算符	描述	示例语法
=	基本赋值	x = 10
+=	加并赋值	x += 5
-=	减并赋值	x -= 3
*=	乘并赋值	x *= 2
/=	除并赋值	x /= 4
%=	取模并赋值	x %= 6

6️⃣ 条件（三元）运算符

用于简化 if...else 条件判断：

运算符	描述	示例语法
? :	条件为真则返回 A，否则返回 B	let result = x > 5 ? '大' : '小';

7️⃣ 类型运算符

TypeScript 独有，用于处理类型系统：

运算符	描述	示例
typeof	获取变量/属性的类型	type A = typeof someVar;
keyof	获取某类型的所有属性名（键）	type Keys = keyof Person;
条件类型	根据条件决定类型	type T = T extends string ? A : B;
映射类型	基于现有类型生成新类型	type Optional<T> = { [K in keyof T]?: T[K] };

8️⃣ 字符串操作符与方法

用于字符串的连接、模板替换及属性方法：

功能	描述	示例语法
拼接符 +	连接两个字符串	fullName = firstName + lastName
模板字符串	内嵌变量	`我叫 ${name}`
字符串插值	用变量拼接字符串	"我住在 " + city
常用方法	截取、查找等	phrase.substring(0, 5)
.length属性	获取字符串长度	msg.length

✅ 总结

TypeScript 运算符为我们提供了强大的工具，从简单的数学运算到复杂的类型操作都有相应支持。掌握这些运算符不仅有助于编写高效、简洁的代码，也能更好地理解 TypeScript 的强类型特性。

运算符类型	场景举例
算术运算符	数学计算、循环计数
逻辑与关系运算	判断条件、控制流程
位运算符	性能优化、底层数据处理
赋值运算符	多步骤计算简化
条件运算符	简写条件语句
类型运算符	类型约束、类型体操
字符串操作	文本处理、模板构建

——未完待续——