【TypeSctipt】 运算符

1. 非空断言操作符（!）

// 赋值时忽略 null 和 undefined
function test(name: string | undefined | null) {
  // undefined null 不能分配给 string 类型
  const onlyStringName: string = name // error
  const ignoreUndefinedAndNullName: string = name! // Ok
}

// 函数调用时忽略 null 和 undefined
type CallbackString = () => string
function test(call: CallbackString | null | undefined) {
  // undefined null 不能作为函数调用
  const onlyStringName = call() // Error
  const ignoreUndefinedAndNullName = call!() //OK
}

2. 可选链操作符（?.）

// 在引用为空 (null 或者 undefined) 时不会引起错误
const test = obj?.other?.dir // 引用为空时返回 undefined

3. 空值合并运算符（??）与 逻辑或运算符（ || ）

// ?? 是在左侧判断结果为null 或 undefined时 返回右侧
const file = null ?? 'dir' // dir
const num = 0 ?? 20 // 0
const num1 = 0 || 20 // 20

4. 可选属性运算符（?:）

interface Student {
  name: string
  age: number
  gender?: number // 属性可有可没有
}

5. 运算符（&）

//  可以将多种类型叠加到⼀起合并为⼀个类型
type Pointx = { x: number }
type Ponity = { y: number }
type Point = Pointx & Ponity
let point: Point = { x: 1, y: 1 }

6. 运算符（|）

// 取值可以为多种类型中的⼀种
const fun = (info: string | null | undefined) => {}

7. 数字分隔符（_）

// 作为分隔符来分组数字
const number1 = 1234_5678
// 等价于
const number1 = 12345678