zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

变量 设置 十一 多种类型
2023-06-13 09:17:09 时间

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

// 我们给 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']

2.

interface Product {
    title: string,
    price: number
}

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

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

# 总结-写在最后

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