TypeScipt 联合类型 | 号的使用

server/2024/12/22 16:44:52/

联合类型有两种使用方法:

  1. 一种类型中多个可能的值。
  2. 具有多种不同的类型中的一种。
一种类型中多个可能的值。
typescript">type isAye = true | false;const aye:isAye = true;
const aye1:isAye = false;
const aye2:isAye = 3;
// Type 'number' is not assignable to type 'isAye'.

我们定义了一个联合类型 isAye,类型是布尔类型,接受的值 true 或者 false。当我们定义 isAye 类型的变量 aye2 的值类型为数字3时,就会报错,因为联合类型isAye的变脸的值只能为 true 或者 false

typescript">type ayeName= "aye" | "aye1" | "aye2"const aye:ayeName= "aye";
const aye1:ayeName= "aye1";
const aye2:ayeName= "maomao";
// Type '"maomao"' is not assignable to type 'ayeName'.

我们定义了一个联合类型 ayeName,类型是字符串,接受值为 “aye”,“aye1"和"aye2”,当我们定义 ayeName 类型的变 量的值不是这三个值时,会抛出异常。

具有多种不同类型中的一种
typescript">function getLength(str: string | string[]) {return str.length;
}
const strLen = getLength("abc")
console.log(strLen)
// 3
const strLen1 = getLength(["1", "2"])
console.log(strLen1)
// 2
const strLen2 = getLength(2)
console.log(strLen2)
// Argument of type 'number' is not assignable to parameter of type 'string | string[]'.

上面的例子中,str 可以是字符串和字符串数组两种类型中的一种,都能打印出正确的长度。当给 getLength 函数中赋值为这两个类型之外的值,就会报出异常。


http://www.ppmy.cn/server/35592.html

相关文章

物体检测:如何检测小物体?

原文地址:https://medium.com/voxel51/how-to-detect-small-objects-cfa569b4d5bd 2024 年 4 月 22 日 物体检测是计算机视觉的基本任务之一。在高层次上,它涉及预测图像中物体的位置和类别。最先进的(SOTA)深度学习模型&#x…

16、ESP32 Web

Web 服务器具有移动响应能力,可以使用本地网络上的任何设备作为浏览器进行访问。 示例功能: 构建 Web 服务器控制连接到 ESP32 的 LED在本地网络的浏览器上输入 ESP32 IP 地址访问 Web 服务器通过单击 Web 服务器上的按钮,更改 LED 状态 //…

小程序地理位置接口权限直接抄作业

小程序地理位置接口有什么功能? 随着小程序生态的发展,越来越多的小程序开发者会通过官方提供的自带接口来给用户提供便捷的服务。但是当涉及到地理位置接口时,却经常遇到申请驳回的问题,反复修改也无法通过,给的理由也…

5-在Linux上部署各类软件

1. MySQL 数据库安装部署 1.1 MySQL 5.7 版本在 CentOS 系统安装 注意:安装操作需要 root 权限 MySQL 的安装我们可以通过前面学习的 yum 命令进行。 1.1.1 安装 配置 yum 仓库 # 更新密钥 rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022# 安装Mysql…

口袋实验室--使用AD2学习频谱参数测试

目录 1. 简介 2. 频谱相关参数 2.1 频谱相关基本概念 2.1.1 采样时间间隔 2.1.2 采样频率 2.1.3 采样点数 2.1.4 采样时间长度 2.1.5 谱线数 2.1.6 奈奎斯特频率 2.1.7 频谱分辨率 2.1.8 最高分析频率 2.1.9 频谱泄露 2.2 窗函数 2.2.1 AD2的窗函数 2.2.2 测试矩…

Docker 容器日志占用空间过大解决办法

1、vi /etc/docker/daemon.json {"log-driver":"json-file","log-opts": {"max-size":"200m", "max-file":"1"} } 2、重新加载守护进程配置文件 systemctl daemon-reload 3、重启docker systemctl…

商城数据库88张表结构完整示意图61~70(十四)

六十一: 六十二: 六十三: 六十四: 六十五: 六十六: 六十七: 六十八: 六十九: 七十:

GZIPOutputStream JSON压缩

一、背景 小王瞥了一眼历史记录表,不禁惊呼:“这表怎么这么大?”同事们闻声纷纷围拢过来查看。仔细一瞧,发现这个表的大小竟然超过了3G。主管随即指示小王打开相应的表数据检查,发现其中存储了用户的权限信息&#xf…