概念

TS是JS的一个超集，在原有的语法基础上，添加了可选静态属性和基于类的面向对象编程

特点

• 自主检测：TS-编译期间，主动发现并纠正错误，JS-运行时报错
• 类型检测：TS-实际上还是弱引用类型，支持动态、静态的类型检测 JS-弱类型，无类型选项检测，依赖隐式转换
• 运行流程 TS依赖编译，TS ⇒ JS ⇒ 浏览器

类型

1. 基础类型 boolean/string/number/undefined/null/array

2. 元组类型 tuple

   • 指定元素类型与数量，元素要与指定值相匹配

     let tupleTyp:[string, boolean] = ["str", true]
     

3. 枚举类型 enum

   • 数字枚举类，可以不赋值，默认从0开始，依次递增

     enum NumberMap {
     	BAD,
     	NG,
     	GOOD
     }
     // 反向映射
     NumberMap[0] // BAD
     

   • 字符串枚举类，每个元素都必须赋值

     enum StringMap {
     	BAD = "BAD",
     	NG = "NG",
     	GOOD = "GOOD"
     }
     // 反向映射
     StringMap['BAD'] // BAD
     

   • 混合枚举类，最后一个元素如果不赋值，默认当成数字枚举，取它上一个枚举值加上1

     enum MixMap {
     	BAD, // 0
     	NG, // 1
     	GOOD = "GOOD", // GOOD
     	PERFERT // ERROR=>GOOD + 1
     }
     
     enum MixMap {
     	BAD, // 0
     	NG = "NG", // NG
     	GOOD = 2, // 2
     	PERFERT // 3
     }
     

4. 任意类型 any

   • 会跳过所有的类型检查， 类型检查和编译筛查都失效

5. 未知类型 unknow

   • 仅跳过赋值检测，但是会禁止更改类型传递

6. 空类型 void

   • 返回为空

7. 永不返回类型 never

   • 永远没有返回值，常见于死循环

8. 对象类型

   • Object 包含所有基础类型，原型上的方法均包含在内
   • object 有值对象约束
   • {} 没有成员的空对象

9. 类型断言

   • 使用泛型推论定义<type>value【tsx语法中不适用】
   • 使用as关键字 value as type

接口

• 概念： 对行为的抽象，具体行为由类来实现

interface Vegatables { 
    name: string;
    readonly color: string; //只读属性
    size?: number; // 可选属性
    [key: string]: any; // 自定义属性
}

interface Price {
	price: number;
	unit: string
}

// 类型继承
interface Tomato extends Vegatables {
	desc: string
} 

// 交叉类型，取并集
type VegatablePrice = Vegatable**s &** Price
**//** 联合类型
****type VegatablePrice = Vegatable**s |** Price

**interface Test {
    name: string;
    add: (param: string) => string
}

class TestA implements Test {
    name: string;
    
    add(name: string) {
        return ""
    }
}** 

• 注意点
  • 当取交叉类型时，如果同一个属性的类型不同，取不到该属性的类型