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

发布于:2024-06-23 ⋅ 阅读:(33) ⋅ 点赞:(0)

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]

网站公告

今日签到

点亮在社区的每一天
去签到