• 【TypeScript】TypeScript 数据类型


    基本类型

    • 类型声明

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

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

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

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

      • 语法:

        • let 变量: 类型;
          
          let 变量: 类型 =;
          
          function fn(参数: 类型, 参数: 类型): 类型{
              ...
          }
          
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
    • 自动类型判断

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

      类型例子描述
      number1, -33, 2.5任意数字
      string‘hi’, “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;
        let big: bigint = 100n;
        
        • 1
        • 2
        • 3
        • 4
        • 5
    • boolean

      • let isDone: boolean = false;
        
        • 1
    • string

      • let color: string = "blue";
        color = 'red';
        
        let fullName: string = `Bob Bobbington`;
        let age: number = 37;
        let sentence: string = `Hello, my name is ${fullName}.
        
        I'll be ${age + 1} years old next month.`;
        
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8
    • 字面量

      • 也可以使用字面量去指定变量的类型,通过字面量可以确定变量的取值范围

      • let color: 'red' | 'blue' | 'black';
        let num: 1 | 2 | 3 | 4 | 5;
        
        • 1
        • 2
    • any

      • 在编写代码时,有时并不清楚一个值是什么类型,这时就需要用到any类型,它是一个任意类型,定义为any类型的变量就会绕过TypeScript的静态类型检测。对于声明为any类型的值,可以对其进行任何操作,包括获取事实上并不存在的属性、方法,并且 TypeScript 无法检测其属性是否存在、类型是否正确。
        我们可以将一个值定义为any类型,也可以在定义数组类型时使用any来指定数组中的元素类型为任意类型:

      • let d: any = 4;
        d = 'hello';
        d = true;
        
        • 1
        • 2
        • 3
      • 需要注意:不要滥用any类型,如果代码中充满了any,那TypeScript和JavaScript就毫无区别了,所以除非有充足的理由,否则应该尽量避免使用 any ,并且开启禁用隐式 any 的设置。

    • unknown

      • unknown 是TypeScript在3.0版本新增的类型,主要用来描述类型并不确定的变量。它看起来和any很像,但是还是有区别的,unknown相对于any更安全。

      • 只能对 unknown 进行等或不等操作,不能进行其它操作:

      • let notSure: unknown = 4;
        notSure = 'hello';
        
        • 1
        • 2
      • 在实际使用中,如果有类型无法确定的情况,要尽量避免使用 any,因为 any 会丢失类型信息,一旦一个类型被指定为 any,那么在它上面进行任何操作都是合法的,所以会有意想不到的情况发生。因此如果遇到无法确定类型的情况,要先考虑使用 unknown。

    • void

      • let unusable: void = undefined;
        
        • 1
    • never

      • never 类型指永远不存在值的类型,它是那些总会抛出异常或根本不会有返回值的函数表达式的返回值类型,当变量被永不为真的类型保护所约束时,该变量也是 never 类型。
        下面的函数,总是会抛出异常,所以它的返回值类型是never,用来表明它的返回值是不存在的:
      • function error(message: string): never {
          throw new Error(message);
        }
        
        • 1
        • 2
        • 3
    • object(没啥用)

      • let obj: object = {};
        
        • 1
    • array

      • let list: number[] = [1, 2, 3];
        let list: Array<number> = [1, 2, 3];
        
        • 1
        • 2
    • tuple元组

      • 元组可以看做是数组的扩展,它表示已知元素数量和类型的数组,它特别适合用来实现多值返回。确切的说,就是已知数组中每一个位置上的元素的类型,可以通过元组的索引为元素赋值

      • let x: [string, number];
        x = ["hello", 10]; 
        
        • 1
        • 2
    • enum枚举

      • TypeScript 在 ES 原有类型基础上加入枚举类型,使得在 TypeScript 中也可以给一组数值赋予名字,这样对开发者比较友好。枚举类型使用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,
        }
        let c: Color = Color.Green;
        
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8
        • 9
        • 10
        • 11
        • 12
        • 13
        • 14
        • 15
        • 16
        • 17
        • 18
        • 19
        • 20
      • TypeScript会为它们每个值分配编号,默认从0开始,在使用时,就可以使用名字而不需要记数字和名称的对应关系了。

    • 类型断言

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

        • 第一种

          • let someValue: unknown = "this is a string";
            let strLength: number = (someValue as string).length;
            
            • 1
            • 2
        • 第二种

          • let someValue: unknown = "this is a string";
            let strLength: number = (<string>someValue).length;
            
            • 1
            • 2
  • 相关阅读:
    HTML静态网页作业——澳门英文旅游网站设计与实现HTML+CSS+JavaScript
    Zoom 2023校招内推,附群讨论,zoom面经、笔经、上一轮笔试常见问题
    基于PSO算法的功率角摆动曲线优化研究(Matlab代码实现)
    Redis基本命令和常用数据类型
    3126: 【C2】【结构体】小明做调查
    MySQL——全文检索
    2023最新软件测试面试题大全(包含答案)
    【Unity小技巧】可靠的相机抖动及如何同时处理多个震动
    java double 保留两位小数
    使用pdb交互式调试程序
  • 原文地址:https://blog.csdn.net/fangyuan__/article/details/132793745