(十二)给变量设置多种类型

老怪兽2022年11月29日
  • TypeScript
  • Ts
小于 1 分钟

给变量设置多种类型(联合类型)

// 我们给 numericValue 设置为 number
let numericValue: number = 15

// 但是当我们想要使用这个变量赋值 string 的时候就会报错
numericValue = '15'
  • 想要同时满足以上两种类型,就可以使用联合类型了
// 这样就同时兼容 number 和 string 类型了
let numericValue: number | string = 15
  • 其他例子
let args: string | string[]

args = 'value1'

args = ['value1', 'value2', 'value3']
interface Product {
    title: string,
    price: number
}

let product: string | Product
product = '牛仔裤'

product = {
    title: '牛仔裤',
    price: 200
}

总结-写在最后

  • 当然这里的联合可以是任意类型的联合,这样就可以一个变量同时可以存放多种类型的数据了
string | number | boolean | string[]
Loading...