TypeScript
📌TypeScript(简称:TS)是微软推出的开源语言
📌TypeScript 是 JavaScript 的超集(JS 有的 TS 都有)
📌TypeScript =Type +JavaScript(在 JS 基础上增加了类型支持)
📌TypeScript 文件扩展名为 ts
📌TypeScript 可编译成标准的 JavaScript,并且在编译时进行类型检查
示例:
在js中定义一个变量
let a=1
在TypeScript中
let a:number =1
实际上并不能直接识别Ts文件,需要在前端编译的时候通过TSC将ts文件转成js文件,这样才能被解析
使用时需要安装
npm install -g typescript
:进行全局安装
现在看无非就是加上了类型功能好在哪里了?
📌ts属于静态类型编程在编译期做类型检查,js在执行的时候才做类型检查,这样有错可以提前发现,在VSCode中不用编译在编写的时候就会报错
在ts中有哪些类型:
根据这些对变量进行标注:
📌标注变量:
let a:number =1
📌标注参数:
const a=(name:string):string =>{
return
}
第一个标注参数是String类型,第二个String标注返回值是String类型的
可以使用tsc命令将ts文件编译成js文件
tsc ts文件
- interface类型
ts中可以定义一个接口
interface s{
name:string,
age:number
}
interface也作为一种类型标定变量
const c:s={name:'你好',age:'18'}
这样不管类型错误还是数量错误都会报错
- Class类
ts中可以定义一个类,基本结构是这样的:
Class User{
name: string;
//构造方法
constructor(name:string){
this.name=name
}
//定义方法
study(){
console.log('[${this.name}]正在学习')
}
}
//实例化
const a=new User('你好')
//调用变量
console.log(a.name)
//调用方法
a.study()
是不是很神奇,但是归根不是,在编译转成js文件后Class就成为了function
ts也可以实现类实现接口,类继承类