TS 基本类型

TS 基本类型

---

• 类型声明

  • 类型声明是 TS 非常重要的一个特点。

  • 通过类型声明可以指定 TS 中变量（参数、形参）的类型。

  • 指定类型后，当为变量赋值时，TS 编译器会自动检查值是否符合类型声明，符合则赋值，否则报错。

  • 简而言之，类型声明给了变量设置了类型，使得变量只能存储某种类型的值。

  • 语法：

    // let 变量: 类型;
    let score;
    
    // let 变量: 类型 = 值;
    let score: number = 60;
    
    // function fn(参数: 类型,参数: 类型): 类型{
    //   ...
    // }
    function sum(a: number, b: number): number {
      return a + b;
    }
    

  • 注意：当对变量的声明和赋值是同时进行的，TS 编译器会自动判断变量的类型。所以当变量的声明和赋值是同时进行的，可以省略类型声明。

• 类型：

  类型	例子	描述
  number	1,-33,2.5	任意数字
  string	“hi”,“hi”,hi	任意字符串
  boolean	true,false	布尔值 true 或 false
  字面量	其本身	限制变量的值就是该字面量的值
  any	*	任意类型
  unknow	*	类型安全的 any
  void	空值（undefined）	没有值（或 undefined）
  never	没有值	不能是任何值
  object	{name: ‘孙悟空’}	任意的 JS 对象
  array	[1,2,3]	任意 JS 数组
  tuple	[4,5]	元素，TS 新增类型，固定长度数组
  enum	enum{A,B}	枚举，TS 新增类型`

• **联合类型：**可以使用 | 来连接多个类型。

  let b: "male" | "female"
  b = male;
  b = female;
  
  let c: boolean | string
  b = true;
  b = "hello";
  
  // 类型断言
  let e: unknow;
  e = 10;
  e = "hello";
  
  let s: string;
  e = 'hello';
  
  if(typeof e === "string"){	// 类型判断以后可以赋值
    s = e;
  } 
  
  s = e as string;
  s = <string>e;
  

• object

  let a: object;
  a = {};
  a = function () {
  };
  
  // {} 用来指定对象中可以包含哪些属性
  // 语法： {属性名：属性值，属性名：属性值}
  // 在属性名后边加上 ? ,表示属性是可选的。
  let b: {name:string,age?:number}
  b = {name: "孙悟空"，age: 18}
  
  // [propName: string]: any 表示任意属性都是可选的
  let c: {name:string,[propName:string]:any}
  c = {name:"猪八戒"，age: 19}
  

• array

  let a: string[];
  
  let b: number[];
  
  let c: Array<number>;
  

• 类型别名

  type myType = 1 | 2 | 3 | 4 | 5;
  let a: myType;
  let b: myType;
  let c: myType;