2022.07.25 TypeScript基础类型介绍

基础类型：

字符串（string）（String）

let first: string = 'niu'    // 直接赋值

let fourth: string = `niu`   // 模板字符串

let second: string = String(123)    // 内置底层函数String

let third: string = new Number(123).toString()   // toString方法

// string和String是两种不同的类型，注意区分首字母大小写，String可以兼容string，但是string是无法兼容String的，理解中属于集合中的父子关系，父集可以包含子集，子集无法兼容父级。

let str: string = 'hello';

let strAnother: String = 'hello';

str = strAnother;    // 错误提示：不能将类型“String”分配给类型“string”。“string”是基元，但“String”是包装器对象。如可能首选使用“string”。

strAnother = str

　　所有在JavaScript支持的定义字符串的方法（String方法，模板字符串，toString方法等），都可以直接在TypeScript中使用。

数值型（number and bigint）（Number and BigInt）
- number类型表示支持的十进制整数、浮点数以及二进制、八进制、十六进制数。二进制、八进制、十六进制数有个简单的记忆技巧，首先都是0开头的，它们依次为0b、0o、0x，把0抽离出来就是一个box，这不就是css布局中的常用box盒子吗，哈哈。　
```
let a: number = 10;     // 整数

let b: number = 3.14;   // 浮点数

let c: number = 0b01;   // 二进制

let d: number = 0o01;   // 八进制

let e: number = 0x01;   // 十六进制

// 注意区分字母大小写，同string类似。
```
- bigint类型常用来表示较大的整数，因为number类型采用的是IEEE754二进制浮点数算术标准，它会有一个符号位，即正负占1位，指数位，即大小占11位，尾数部分，即精度占据52位，因此可以显示的数值必须是在-2的-53次方到2的53次方范围内，不包含两个端点。当超出这个范围时候，精度就不准确了，这个时候就采用bigInt去表示。
```
let a: bigint = 10n;　　

// 注意区分字母大小写，同string类似。
```
- number和bigint两种类型是不兼容的，即number不能赋值给类型为bigint的变量，也不能被类型为bigint的变量赋值，对于bigint来讲亦然。　　　
```
let a: number = 123;

let b: bigint = 10n

a = b     // 错误提示：不能将类型“bigint”分配给类型“number”。

b = a     // 错误提示：不能将类型“number”分配给类型“bigint”。

// 注意区分字母大小写，同string类似。　　　　　  　　 
```

布尔值（boolean）（Boolean）

let a: boolean = true;

let b: boolean = false;

// 注意区分字母大小写，同string类似。

symbol (Symbol)

let sym: symbol = Symbol();

// 注意区分字母大小写，同string类似。

数组类型（Array）

使用[]的形式定义数组类型（推荐使用）

let numberList: number[] = [1, 2, 3]

let stringList: string[] = ['1', '2', '3']

let numberOrStringList: (number | string)[] = [1, 2, 3, '1', '2', '3']

使用Array泛型定义数组类型

let numberList: Array<number> = [1, 2, 3]

let stringList: Array<string> = ['1', '2', '3']

let numberOrStringList: Array<number | string> = [1, 2, 3, '1', '2', '3']

元组类型（Tuple）

元组最重要的特性是可以限制数组元素的个数和类型，特别适合用来实现多值返回。

// 譬如使用React Hooks下的useState时

import { useState } from 'react';

const [key, setKey] = useState('name');

使用元组（数组类型的值只有显示添加了元组类型注解后，或者使用as const，声明为只读元组，ts才会把它当做元组，否则推断出来的就是普通的数组类型）

type State = {

      x: string,

      y: number

}

type SetState = (state: State) => void

const state = {

      x: 'hello',

      y: 100

}

const setState = () => {}

const x: [State, SetState] = [state, setState];

特殊类型

　　它指的是一个任意类型，是一个选择性绕过静态类型检测的作弊方式。用any类型声明的变量可以赋值给除never以外的任何类型声明的变量，也可以被任何类型声明的变量赋值。

unknown

　　它主要用来描述类型并不确定的变量。用unknown类型声明的变量只能赋值给unknown和any,同时它可以被任何类型声明的变量赋值。

void

　　它仅用于表示没有返回值的函数。即如果该函数没有返回值，那么它的类型就是void.

undefined

　　它最大价值主要体现在接口类型中，表示一个可缺省、未定义的属性。

null

　　它最大价值主要体现在接口指定上，表明对象或属性可能是空值。

never

　　它表示永远不会发生值的类型。用never类型声明的变量可以给所有类型赋值，但是它只能被类型为never的变量赋值。

//  下述函数永远不会有返回值，所以它的返回值类型是never

function ThrowError(msg: string): never {

  throw Error(msg);

}

function InfiniteLoop(): never {

  while (true) {}

}

object

　　它表示一个非原始类型的类型，基本没啥用。

巴特西

2022.07.25 TypeScript基础类型介绍

基础类型：

字符串（string）（String）

数值型（number and bigint）（Number and BigInt）

number和bigint两种类型是不兼容的，即number不能赋值给类型为bigint的变量，也不能被类型为bigint的变量赋值，对于bigint来讲亦然。

布尔值（boolean）（Boolean）

symbol (Symbol)

数组类型（Array）

元组类型（Tuple）

特殊类型

any

unknown

void

undefined

null

never

object

最新文章

热门文章