2小时极速入门 TypeScript-慕课网 笔记

TS文档：https://www.tslang.cn/docs/handbook/modules.html

一，什么是TS

注:Typescript无法在浏览器中运行 ,所以需要编译器,将TS转变为JS

问：TS运行这么麻烦，为什么还要有TS？
答：TS强类型
1，规范我们的代码；
2，代码编译阶段就能及时发现错误；
3，在原生js的基础上加上了一层类型定义；

二，基础类型

类型	案例
布尔值 boolean(true/false)	let isDone: boolean = false;
数字number	let decLiteral: number = 6;
字符串 string	let name: string = “bob”;
数组	1,元素类型后面接[] 例如:let list: number[] = [1, 2, 3]; 2,数组泛型 Array<元素类型> 例如:let list: Array = [1, 2, 3];
元组Tuple,允许表示一个已知数量和类型的数组,各元素的类型不必相同	let x: [string, number]; x = [‘hello’, 10]; // OK x = [10, ‘hello’]; // Error
枚举, 真正的类型是number，从0开始计算	enum Color {Red, Green, Blue} let c: Color = Color.Green; // 1 enum Color2{Red=5, Green=7, Blue=8} let c: Color = Color2.Green; // 7 enum Color3 {Red=“red”, Green=“green”, Blue=1} let c: Color = Color3.Green; // “green”
Any,动态类型	let notSure: any = 4; notSure = “maybe a string instead”; notSure = false;
unkonw,类型是暂时未知类型，之后会知道它的类型，仍然会进行ts的类型检查	let value: unknown;
Void,它表示没有任何类型。 当一个函数没有返回值时,其返回类型是void	function warnUser(): void { console.log(“This is my warning message”); }
Null和Undefined,两者各自有自己的类型分别叫做undefined和null	let u: undefined = undefined; let n: null = null;
Never,表示那些永不存在的值的类型
Object,表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。	declare function create(o: object | null): void; create({ prop: 0 }); // OK create(null); // OK create(42); // Error create(“string”); // Error create(false); // Error create(undefined); // Error
类型断言,类型断言好比其它语言里的类型转换	1,尖括号 语法 例如:let someValue: any = “this is a string”; let strLength: number = (<string>someValue).length; 2,as 语法 let someValue: any = “this is a string”; let strLength: number = (someValue as string).length;
联合类型, 中间使用 |	let union2 : number | string | boolean
字面量类型，确定了变量类型以及变量的值	let union2 : 0 | 1 | 2；// 确定了 union2 是number类型，并且取值范围是 [0-2]