跳到主要内容

TypeScript 运算符

在编程中,运算符是用来执行某些操作的符号,比如赋值、比较、数学运算等。TypeScript 和 JavaScript 一样,提供了多种类型的运算符。本章将带你了解 TypeScript 中支持的各种运算符及其用法。

TypeScript 中的运算符主要可以分为以下几类:

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

1. 算术运算符

这些运算符用于执行基本的数学运算:

运算符描述示例(a=10, b=5)结果
+加法a + b15
-减法a - b5
*乘法a * b50
/除法a / b2
%取余a % b0
++自增a++11
--自减a--9

2. 关系运算符(比较运算符)

这些运算符用于比较两个值,返回布尔值:

运算符描述示例(a=10, b=5)结果
>大于a > btrue
<小于a < bfalse
>=大于等于a >= btrue
<=小于等于a <= bfalse
==相等(不比较类型)a == "10"true
!=不相等a != btrue
===全等(值和类型)a === "10"false
!==不全等a !== "10"true

3. 逻辑运算符

这些运算符用于布尔逻辑运算,通常用于控制流程判断中:

运算符描述示例结果
&&逻辑与true && falsefalse
||逻辑或true || falsetrue
!逻辑非!truefalse

4. 位运算符

位运算符用于按位操作数进行计算,主要用于底层运算或性能优化:

运算符描述示例(a=2, b=3)结果
&a & b2
|a | b3
^异或a ^ b1
~~a-3
<<左移a << 14
>>右移a >> 11

5. 赋值运算符

这些运算符用于给变量赋值,也支持组合赋值操作:

运算符描述示例等同于
=赋值x = y
+=加后赋值x += yx = x + y
-=减后赋值x -= yx = x - y
*=乘后赋值x *= yx = x * y
/=除后赋值x /= yx = x / y
%=取余赋值x %= yx = x % y

6. 三元运算符

?: 三元运算符是一种简洁的条件判断方式:

let result = (a > b) ? "A 大" : "B 大";

7. 类型运算符

你可以使用类型运算符来检查或转换变量的类型:

运算符描述示例
typeof返回变量的数据类型typeof "Hello"
instanceof检查对象是否是某个类的实例obj instanceof MyClass

8. 字符串运算符

最常用的字符串运算符是 +,用于连接两个字符串:

let firstName = "Type";
let lastName = "Script";
let fullName = firstName + lastName; // "TypeScript"

你还可以使用模板字符串更优雅地拼接:

let fullName = `${firstName} ${lastName}`;

小结

TypeScript 提供了丰富的运算符支持,从基础的算术运算到类型检查,你都可以用清晰简洁的语法实现复杂的逻辑处理。熟悉这些运算符的用法可以让你的代码更高效、更易读,也有助于你快速掌握语言的核心表达能力。建议你在实际编码中多练习,灵活运用不同类型的运算符来解决问题。