TypeScript 基本数据类型

包含了对断言、never、void 等类型的说明

基本类型

定义数据类型，基本数据类型中包含 string number boolean 等

const name: string = "whbbit" // name 的值只能是字符串类型
const age: number = 25 // age的值只能是数值类型
const work: boolean = false // work的值只能是true/false

let stringArr: string[] // 数组里的值只能是字符串

let obj1: object // obj1必须是一个对象
let obj: { name: string, age: number } // obj这个对象中只能包含name和age属性，且类型必须是规定的类型

在 : 前添加 ? 表示这个值不是必填

const obj1: { name: string, age: number, work: boolean } = {
    name: "whbbit",
    aage: 25,
}
console.log(obj1) // 编译时会有报错，Property 'work' is missing in type '{ name: string; age: number; }' but required in type '{ name: string; age: number; work: boolean; }'.

const obj: { name: string, age: number, work?: boolean } = {
    name: "whbbit",
    age: 25,
}
console.log(obj)

类型自动推断

在不写类型时，ts 会自动进行类型推断

const name = "whbbit" // 等同于 -> let name: string = 'whbbit'

类型组合

使用 | 表示类型可以多选，符合 | 之前或者之后的类型即可

let a: string | number // 表示a可以是字符串也可以是一个数值
a = "whbbit"
a = 20

let b: string | number | boolean
b = "whbbit"
b = 20
b = false

const arr: (string | number)[] = [] // 数组内容只能为字符串或数值类型
const arr1: Array<string | number> = [] // 使用泛型

any

在我们不知道是什么类型时，可以定义为 any 类型。对类型不做校验

let a: any
a = "whbbit"
a = 10
a = false
a = ["whbbit"]

let arr: Array[any]
let arr1: any[]

也可以对构造函数生成的实例进行类型限制。

不推介这样做，class 的类型推断和限制就没有了，不符合使用 ts 的场景

class Animal {
    constructor() {}
    get = () => "whbbit.cn"
}

const cat: any = new Animal()

对配置文件改动，取消对 any 类型的自动推断

json

{
  "noImplicitAny": true,
}

unknown

unknown 和 any 的区别

unknown 表示有类型但是不明确类型是什么，ts 会进行类型的判断
any 表示这个值没有类型，ts 不会进行类型的判断

let a: any
const a1: string = a // 不会进行报错，ts不做类型校验

let b: unknown
const c: string = b // ts校验报错，类型不匹配

可以使用 as 断言来解决

let b: unknown
const c: string = b as string // 断言变量b一定是一个string类型的值

断言是什么? 怎么用?

const a: string = "20"
const b: number = a as number // 会报错，不能对已经声明类型的值进行断言

怎么解决这种问题呢？我们可以先将 b 转换为 unknown 类型再断言

const a: string = "20"
const b: number = a as unknown as number

void

void 可以是 null 或 undefined，多用于函数返回值的类型

let a: void = null
a = undefined

never

never 不是任何类型，在函数不能执行到结尾时进行类型推断

function err(): never {
    throw new Error("err")
}

void 和 never 的区别

void 常用作函数的返回值的推断，函数没有返回值时，可以将返回类型写为 void
never 常用作 函数不能执行到末尾 时对函数类型的限制

function printString(content: any): void {
    console.log(content)
}

function throwError(err): never {
    throw new Error(err)
}

null & undefined

null 和 undefined 代表的类型就是 js 中对应的 null 和 undefined

const a: null = null
const b: undefined = undefined

默认情况下 null 和 undefined 可以作为其他类型的值

let a: string
a = null
a = undefined
// 这时不会报错

可以修改 tsconfig.json 文件中的配置让其不能作为其他类型的值

json

{
  "strictNullchecks": true,
}

TypeScript 基本数据类型

评论区