TypeScript【入门】

TypeSript

ts是js的一个超集，解决js类型支持
js: 动态类型
ts:静态类型 代码执行的顺序是先编译在执行 发现错误更早

为什么要添加类型支持？

优势有什么？

全局安装

npm i -g typescript
tsc -v

简化运行ts的步骤

typescript常用类型

类型检查机制

类型注解

常用基础类型

原始类型

数组类型

类型别名 type关键字

// 类型别名
type CustomArray = (number|string)[]
let arr1:CustomArray = [1,2,'a',3]
let arr2:CustomArray = [1,4,'a',3]
console.log(arr1);
console.log(arr2);

函数类型

可选参数

对象类型

对象的类型其实就是在描述对象的结构

对象中的可选属性

接口【复用】

//   接口
interface IPerson{
  name:string
  age:number
  sayhi():void
}


let person_3:IPerson ={
  name:'JACL',
  age:11,
  sayhi(){}
}

let person_4:IPerson ={
  name:'JAC33L',
  age:33,
  sayhi(){}
}
console.log(person_3);

console.log(person_4);

接口和类型别名

type num = number | string
let a:num = 1
let b:num = 'asf'
console.log(a);
console.log(b);

接口继承复用

元组

类型推论

类型断言

字面量类型

枚举类型

字符串枚举

枚举特点

any类型

typeof

TS高级类型

class

类的实例方法

类的继承