当前位置:   article > 正文

TS基础2-常用类型

TS基础2-常用类型

1,类型检查的一些 tips

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

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

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

let nums: nubmer[] = [12,34]
let nums: Array<number> = [12,34]
  • 1
  • 2

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

let str: string = undefined
  • 1

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

{
	"compilerOptions": {
		"strictNullChecks": true
	}
}
  • 1
  • 2
  • 3
  • 4
  • 5

2,其他常用类型

2.1,联合类型

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

let name: string | number = '123';
if (typeof name === 'string') {
    name.substring(0)
}
  • 1
  • 2
  • 3
  • 4

2.2,void 类型

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

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

function fun():void {
  console.log(123);
}
  • 1
  • 2
  • 3

2.3,never 类型

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

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

function throwError(msg: string): never {
  throw new Error(msg);
}

function recur(): never {
  while (true) {
    // ...
  }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

2.4,字面量类型

用具体的值来进行约束。

// num 之后只能被赋值为 2
let num: 2;

// str 之后只能被赋值为 A 或 B
let str: "A" | "B";
  • 1
  • 2
  • 3
  • 4
  • 5

常见应用:

let gender: "男" | "女";

let user: {
    name: string
    age: number
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

2.5,元祖类型

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

let score: [string, number];
  • 1

2.6,any 类型

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

let str: any = "xxx";
let num: number = str; // 并不会提示错误。
  • 1
  • 2

以上。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/414987
推荐阅读
相关标签
  

闽ICP备14008679号