TS基础2-常用类型

目录

1,类型检查的一些 tips

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

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

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

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

3,nullundefined 是其他类型的子类型,可以赋值为其他类型。

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; // 并不会提示错误。

以上。

相关推荐
文刀竹肃几秒前
DVWA -SQL Injection-通关教程-完结
前端·数据库·sql·安全·网络安全·oracle
LYFlied5 分钟前
【每日算法】LeetCode 84. 柱状图中最大的矩形
前端·算法·leetcode·面试·职场和发展
Bigger8 分钟前
Tauri(21)——窗口缩放后的”失焦惊魂”,游戏控制权丢失了
前端·macos·app
Bigger26 分钟前
Tauri (20)——为什么 NSPanel 窗口不能用官方 API 全屏?
前端·macos·app
bug总结27 分钟前
前端开发中为什么要使用 URL().origin 提取接口根地址
开发语言·前端·javascript·vue.js·html
一招定胜负1 小时前
网络爬虫(第三部)
前端·javascript·爬虫
Shaneyxs2 小时前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(13)
前端
半山烟雨半山青2 小时前
微信内容emoji表情包编辑器 + vue3 + ts + WrchatEmogi Editor
前端·javascript·vue.js
码途潇潇2 小时前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript
zmirror2 小时前
Monorepo 在 Docker 中的构建方案方案
前端