typescript联合类型

78 阅读 0 评论 52 点赞

我是靠谱客的博主自然发箍，最近开发中收集的这篇文章主要介绍typescript联合类型，觉得挺不错的，现在分享给大家，希望可以做个参考。

一，前言

1.ts声明变量时，除了确定具体的一种数据类型外，还可以使用联合类型让变量具有多种数据类型

1.联合类型使用 | 来表示

let a: number | string;
//变量a可以是number类型或者string类型的数据
const fn = (a:boolean | string ):[number] | any[] => [1]

2.联合类型变量的值可以在包含的数据类型里更改，但是在赋值的时候就确定了数据类型

let a: number | string;
a = 1 //此时a为number类型
a = 'hello world' //此时a为string类型

3.当不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法

// number类型的数据没有length属性，因此a.length会报错
function (a:number|string):number{
return a.length
}

// number类型和string类型的数据都有toString方法，不报错
function (a:number|string):number{
return a.toString()
}

以上就是自然发箍为你收集整理的typescript联合类型的全部内容，希望文章能够帮你解决typescript联合类型所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。