Typescript入门 | 青训营笔记

37 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的第2天

1什么是Typescript

ts1.png

动态:编译放在执行时 静态:编译放在执行后

静态类型:{ 可读性增强:基于语法解析TSDoc,ide增强 可维护性增强:在编译阶段暴露大部分错误 }

JS的超集:{ 包含于兼容JS所有特性 支持渐进式引入与升级 }

2基础语法

ts2.png

其中对于IBytedancer,

ts3.png

ts4.png

3 数据类型

任意类型any声明为 any 的变量可以赋予任意类型的值。
数字类型number双精度 64 位浮点值。它可以用来表示整数和分数。let binaryLiteral: number = 0b1010; // 二进制 let octalLiteral: number = 0o744; // 八进制 let decLiteral: number = 6; // 十进制 let hexLiteral: number = 0xf00d; // 十六进制
字符串类型string一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(****)来定义多行文本和内嵌表达式。let name: string = "Runoob"; let years: number = 5; let words: string = 您好,今年是 ${ name } 发布 ${ years + 1} 周年;`
布尔类型boolean表示逻辑值:true 和 false。let flag: boolean = true;
数组类型声明变量为数组。// 在元素类型后面加上[] let arr: number[] = [1, 2]; // 或者使用数组泛型 let arr: Array<number> = [1, 2];
元组元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。let x: [string, number]; x = ['Runoob', 1]; // 运行正常 x = [1, 'Runoob']; // 报错 console.log(x[0]); // 输出 Runoob
枚举enum枚举类型用于定义数值集合。enum Color {Red, Green, Blue}; let c: Color = Color.Blue; console.log(c); // 输出 2
voidvoid用于标识方法返回值的类型,表示该方法没有返回值。function hello(): void { alert("Hello Runoob"); }
nullnull表示对象值缺失。
undefinedundefined用于初始化变量为一个未定义的值
nevernevernever 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。
nevernevernever 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。

4面向对象

    interface Class{ 
    readonly name:string; 
    hobby? : string; }