TypeScript中的基础类型

一、 类型声明

1.类型声明是ts中非常重要的特点；
2.通过类型声明，可以指定ts中的变量（包括：实参、形参）的类型；
3.指定类型后，当为变量赋值时，TS编译器会自动检测该值是否符合类型声明：符合则赋值，不符合则报错；
4.语法结构：

let 变量: 类型
let 变量: 类型 = 值
function fn(参数1: 类型, 参数2: 类型): 类型 {
    // ****
}

二、自动类型判断

1.TS拥有自动类型判断的机制；
2.当变量的声明类型和赋值时同时进行的时候，ts编译器会自动判断变量的类型；
3.如果，我们对变量声明和赋值同时进行的时候，可以省略对该变量进行声明类型；

三、类型

1.总览

2.举例

• Number

let a: number = 6;
let b: number = 123;
let c: number = -34;
let d: number = 23.424;
let e: bigint = 100n;

• Boolean

let a: boolean = true;

• String

使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。

let a:string = "test";
let color: string = "blue";
color = 'red';

let name: string = "我";
let years: number = 3;
let words: string = `大家好，今年是 ${ name } 工作的第 ${ years + 1} 周年`;

• 字面量

可以使用字面量去指定变量的类型，通过字面量可以确定变量的取值范围

let color: 'red' | 'blue' | 'black';
let num: 1 | 2 | 3 | 4 | 5;

• Any

let a: any = 1;
a = 'hello';
a = true;

• Unknown

let noSure: unknown = 4;
noSure = 'hello';

• Void

let no : void = undefined

• Never

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

• Object
  略
• Array

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

• Tuple

let x: [string, number];
x = ["hello", 10]; 

• Enum

enum Color {
  Red,
  Green,
  Blue,
}
let c: Color = Color.Green;

enum Color {
  Red = 1,
  Green,
  Blue,
}
let c: Color = Color.Green;

enum Color {
  Red = 1,
  Green = 2,
  Blue = 4,
}
let c: Color = Color.Green;

三、类型断言

有些情况下，变量的类型对于我们来说是很明确，但是TS编译器却并不清楚，此时，可以通过类型断言来告诉编译器变量的类型，断言有两种形式：

• 第一种

let someValue: unknown = "this is a string";
let strLength: number = (someValue as string).length;

• 第二种

let someValue: unknown = "this is a string";
let strLength: number = (<string>someValue).length;

点个赞再走呗~