带你快速了解并掌握TypeScript

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也可以实现类实现接口，类继承类