TS基础2-常用类型

目录

1,类型检查的一些 tips

1,某些纯数字,应该定义为 string 还是 number?

解决:看叫法,比如电话号码,就应该定义为 string。

2,数组类型的2这种写法,都可以。

js 复制代码
let nums: nubmer[] = [12,34]
let nums: Array<number> = [12,34]

3,null 和 undefined 是其他类型的子类型,可以赋值为其他类型。

js 复制代码
let str: string = undefined

通过配置更严格的类型检查来限制该问题:

json 复制代码
{
	"compilerOptions": {
		"strictNullChecks": true
	}
}

2,其他常用类型

2.1,联合类型

主要说下类型保护 :当对某个变量进行类型判断之后(比如typeof xxx),在语句块中便可以确定它的确切类型。

js 复制代码
let name: string | number = '123';
if (typeof name === 'string') {
    name.substring(0)
}

2.2,void 类型

只用于约束函数的返回值,表示该函数没有任何返回。

当函数没有返回值值时,函数返回值的默认推断就是 void 类型。

js 复制代码
function fun():void {
  console.log(123);
}

2.3,never 类型

用于约束函数的返回值,表示该函数(没有返回值)永远不会执行结束。

下面2个函数的返回值默认会推断为 void,但应该是 never 类型

js 复制代码
function throwError(msg: string): never {
  throw new Error(msg);
}

function recur(): never {
  while (true) {
    // ...
  }
}

2.4,字面量类型

用具体的值来进行约束。

js 复制代码
// num 之后只能被赋值为 2
let num: 2;

// str 之后只能被赋值为 A 或 B
let str: "A" | "B";

常见应用:

js 复制代码
let gender: "男" | "女";

let user: {
    name: string
    age: number
}

2.5,元祖类型

表示一个固定长度的数组,并且每个元素的类型也确定。

js 复制代码
let score: [string, number];

2.6,any 类型

any类型可以绕过类型检查。所以 any 类型的数据也可以赋值给任意类型。

js 复制代码
let str: any = "xxx";
let num: number = str; // 并不会提示错误。

以上。

相关推荐
mantou13227 分钟前
我给 AI Agent 做了个「油猴」:让 Claude Code / Codex 直接用你已登录的浏览器
前端·javascript·后端
默_笙28 分钟前
🍕 一个主编、三个工种、两本手册:搭一支 AI 调研队
前端·javascript
纸片人31 分钟前
Blender 建模 + Three.js 展示:和 AI 一起做一个光储充超充站数字孪生大屏
前端
智能直播32 分钟前
网络RTMP拉流不卡顿、声音不同步?一文讲透缓冲区、时间戳与MEDAI V2实战调优
前端
第七页独白34 分钟前
汽车零件厂如何通过 QMS 真正落地 IATF 16949——QMS软件系统:品质检验-内审稽核-8d客诉管理:全星质量管理软件系统
java·前端·数据库
纸片人41 分钟前
只用 three.js + OpenStreetMap,手搓一个「成都城市 3D」数据大屏
前端
星若生辉42 分钟前
Hugo 静态站点搭建|从本地调试到上线部署实操指南
前端
沐浴露z1 小时前
Agent 响应延迟过高?从工具治理角度提供两条思路
前端·网络
CappuccinoRose1 小时前
FormData数据处理
开发语言·前端·javascript·表单数据
飘尘2 小时前
SVG和Canvas,前端里的两支“画笔”,用的时候怎么选择?
前端·javascript·面试