【前端】Vue3+TS-day01

TS是什么

ts 是javaScript类型的超集，它可以编译成纯JS，主要提供了类型系统和对JS新标准的支持

TS特性

1. 始于JS，归于JS
   从JS开发者所熟悉的语法和语义开始，可以编译出纯净、简单的JS代码
2. 强大的工具构建大型的应用程序
   在开发JS应用程序时
3. 先进的JS
   提供最新的和不断发展的JS特性

TS的优缺点

优点:

  静态类型检查

  代码可读性和维护性更好

  兼容JS

缺点:

  学习成本

  开发成本

  增加了项目体积

  生态系统相对较小

JS与TS的区别

常用类型

数字 字符串 布尔 未定义 空 唯一值

- 数组（常用第一种）
    
    let arr:number[]
    
    let arr:Array<number>
    
- 元组（）
    
    let arr:[number,string]=[1,’2’];
    
- 类型别名
    
    用关键字type声明
    
    type Arr=类型;
    
- 联合类型 |
    
    let demo:(string|number)
    
- 函数类型（给函数的参数和返回值声明类型）
    
    function fn(n:number):void{
    
    }
    
- void类型
    
    函数没有返回值，声明void类型
    

对象

- 接口
    
    使用接口interface去声明对象类型
    
    interface和type的区别
    
    interface只能为对象声明类型
    
    type可以为任意类型指定别名
    
    使用大驼峰命名
    
- 类型断言
    
    使用类型断言来指定更具体的类型
    
    参数 as 类型
    
    <类型>参数
    
- 枚举
    
    enum
    
- any
    
    任意类型