typescript

定义
JavaScript的超级类型，包含
ES6；
静态类型语言，类型检查，接口、oop非常完善；
可以编译成JavaScript在浏览器运行
安装
npm i typescript -g

tsc常用命令
tsc --init 初始化项目
tsc ./src/xxx.ts 编译某个文件
tsc -w 检测变化并编译

tsconfig.json修改

image.png

ts常见类型
boolean布尔类型
let b:boolean=true;
number数字
let num:number = 20;
string字符串
let str:string = "武汉";
数组
let arr:number[] =[1,2,3,4];
let arr2:Array = ['我','喜','欢','瓜'];
let arr3:any[]=["abc",456];
任意any
let notSure:any[]=["123","abc",456];
没有返回void
function fun():void{};
null类型只能是null
let n:null = null
undefined没有定义
let u:undefined =undefined

接口

image.png

实现接口

image.png

使用

image.png

函数
函数返回值
function fun():void{}
无返回值
function fun():string{}
返回字符串类型
[一旦定义了返回类，在函数内部必须要返回该类型]

参数
参数指定类型
function add(a:number,b:number):number{xxxxx}
参数可选
function add(a:number,b?:number):number{xxxxx}
参数默认值
function add(a:number,b:number=10):number{xxxxx}
箭头函数
let add(a:number,b:number):number=>a+b

访问修饰关键词
1.修饰词既可以修饰属性，也可以修饰方法
[图片上传中...(image.png-1484b7-1588007490371-0)]

public默认修饰符，代表公开的
①class内部可以访问
②子类可以访问
③实例也可以访问

4.private私有的
①class内部可以访问
②子类不会继承（不能访问）
③实例不能访问

5.protected保护的
①class内部可以访问
②子类会继承，也可以访问
③实例不能访问

6.存储器
[在设置或者访问对象某个属性时，可以做一些额外操作
实现的封装，私有变量的隐藏]