Ts入门学习——基本类型


TypeScript中的基本类型

TypeScript中的基本类型:

  • 类型声明

    • 类型声明是TS非常重要的一个特点;
    • 通过类型声明可以指定TS中变量(参数、形参)的类型;
    • 指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错;
    • 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值;
    • 语法:(没写语法糖)

      • let 变量: 类型;
        
        let 变量: 类型 = 值;
        
        function fn(参数: 类型, 参数: 类型): 类型{
            ...
  • 自动类型判断

    • TS拥有自动的类型判断机制
    • 当对变量的声明和赋值是同时进行的,TS编译器会自动判断变量的类型
    • 所以如果你的变量的声明和赋值时同时进行的,可以省略掉类型声明
  • 类型:

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

    • let decimal: number = 6;
      let hex: number = 0xf00d;
      let binary: number = 0b1010;
      let octal: number = 0o744;
  • boolean

  • string

    • let color: string = "blue";
      color = 'red';
      
      let fullName: string = `Bob Bobbington`;
      let age: number = 37;
      let sentence: string = `Hello, my name is ${fullName}.
      
  • 字面量

    • 也可以使用字面量去指定变量的类型,通过字面量可以确定变量的取值范围
    • let color: 'red' | 'blue' | 'black';
  • any

    • let d: any = 4;
      d = 'hello';
  • unknown

    • let notSure: unknown = 4;
  • void

  • never

    • function error(message: string): never {
        throw new Error(message);
  • object(没啥用)

  • array

    • let list: number[] = [1, 2, 3];
  • tuple

    • let x: [string, number];
  • enum

    • enum Color {
        Red,
        Green,
        Blue,
      }
      let c: Color = Color.Green;
      
      enum Color {
        Red = 1,
        Green,
        Blue,
      }
      let c: Color = Color.Green;
      
      enum Color {
        Red = 1,
        Green = 2,
        Blue = 4,
      }
  • 类型断言

    • 有些情况下,变量的类型对于我们来说是很明确,但是TS编译器却并不清楚,此时,可以通过类型断言来告诉编译器变量的类型,断言有两种形式:

      • 第一种

        • let someValue: unknown = "this is a string";
    
      - 第二种
    
        - ```typescript
    let someValue: unknown = "this is a string";

声明:一个萌新|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - Ts入门学习——基本类型


耳不闻人之非,目不视人之短,口不言人之过。