typescript学习笔记

由于业务需要，简单的学习了一下ts，做了些笔记
如果你也想要学习ts，可以看一看官网

TypeScript

简称TS

TypeScript是JS的超集，是一个可选的、静态的类型系统

• 类型系统

对代码中所有的标识符（变量、函数、参数、返回值）进行类型检查

• 可选的

学习曲线非常平滑。

• 静态的(在运行之前)

无论是浏览器环境，还是node环境，无法直接识别ts代码

• 静态：类型检查发生的时间，在编译的时候，而非运行时

TS不参与任何运行时的类型检查。

如何进行类型约束

仅需要在 变量、函数的参数、函数的返回值位置加上:类型

ts在很多场景中可以完成类型推导

any: 表示任意类型，对该类型，ts不进行类型检查

源代码和编译结果的差异

编译结果中没有类型约束信息

基本类型

• 数组
• number：数字
• string：字符串
• boolean：布尔
• Array: 数组
• object: 对象
• null 和 undefined

let nums1 = Array<number> = [3,4,5];
let nums: number[] = [1,2,3];
let str: string = 'abc';
let isOpen: boolean = false;
let obj: object = {
	a:'a',
	b:'b',
	c:'c',
}

null和undefined是所有其他类型的子类型，它们可以赋值给其他类型

通过添加strictNullChecks:true，可以获得更严格的空类型检查，null和undefined只能赋值给自身。

其他常用类型

• 联合类型：多种类型任选其一

let name: string | undefined;

配合类型保护进行判断

类型保护：当对某个变量进行类型判断之后，在判断的语句块中便可以确定它的确切类型，typeof可以触发类型保护。

• void类型：通常用于约束函数的返回值，表示该函数没有任何返回

• never类型：通常用于约束函数的返回值，表示该函数永远不可能结束

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

• 字面量类型：使用一个值进行约束

let gender: "男" | "女";
gender = "女";

• 元祖类型（Tuple）: 一个固定长度的数组，并且数组中每一项的类型确定

let tu: [string, number];
tu = ["3", 4];

• any类型: any类型可以绕过类型检查，因此，any类型的数据可以赋值给任意类型

类型别名

对已知的一些类型定义名称

type 类型名 = ...

type Gender = "男" | "女"
type User = {
    name:string
    age:number
    gender:Gender
}

let u:User

u = {
    name:"sdfd",
    gender:"男",
    age:34
}

函数的相关约束

函数重载：在函数实现之前，对函数调用的多种情况进行声明

可选参数：可以在某些参数名后加上问号，表示该参数可以不用传递。可选参数必须在参数列表的末尾。

/**
 * 得到a*b的结果
 * @param a 
 * @param b 
 */
function combine(a:number, b:number):number;
/**
 * 得到a和b拼接的结果
 * @param a 
 * @param b 
 */
function combine(a:string, b:string):string;
function combine(a: number | string, b: number | string): number | string {
    if (typeof a === "number" && typeof b === "number") {
        return a * b;
    }
    else if (typeof a === "string" && typeof b === "string") {
        return a + b;
    }
    throw new Error("a和b必须是相同的类型");
}

const result = combine("a","b")