03-TypeScript的类型(1)

上一节说了类型声明的语法, 我们接着学习更多的变量类型

  • 字面类型, 举例

    let a: "male" | "female" // a的类型只能是male或female, 即
    a = "male" // 正确
    a = "female" // 正确
    a = "hello" // 错误, a不能是除male或female之外的值
    复制代码
  • any类型, 表示任意类型, 举例

    // 显式声明变量为any类型(不建议)
    let a: any;
    a = "hello" // 正确
    a = 1 // 正确
    a = true // 正确
    
    // 隐式声明变量为any类型(不建议)
    let b;
    b = 1
    b = "hello"
    b = true
    复制代码

    声明变量为any类型, 可以给变量赋任意类型的值。 可以理解为, 声明变量为any类型, 即关闭了编译器对变量类型的检验, 同JavaScript。 使用TS时, 不建议将变量声明为any类型。

  • unknown类型, 表示未知类型, 类型安全的any, 举例

    let a: any
    a = 1
    a = "hello"
    a = true
    
    let b: unknown
    b = 1
    b = "hello"
    b = true
    
    let s: string
    s = a // 正确
    s = b // 错误
    复制代码

    unknown类型与any类型的区别

    相同点: 声明为unknown类型的变量和声明为any类型的变量, 可以给变量赋任意类型的值

    不同点: any类型的变量, 可以赋值给任意类型的变量

    ​ unknown类型的变量, 不可以赋值给其他类型的变量

    变量s本来是string类型, 变量a赋给s后变成了boolean类型, any类型不仅祸祸自己, 还祸祸其他人。 所以非常不建议把变量声明为any类型。如有需求把unknown变量赋给其他类型变量, 可以这样做

    // 第一种, if判断
    if(type b === "string") {
    	s = b
    }
    
    // 第二种, 类型断言, 两种用法
    s = b as string
    s = <string>b
    复制代码
  • void类型, 表示返回值为空, 举例

    function fn(): void {
      console.log("返回值为空")
    }
    
    // 可以返回undefined
    function fn(): void {
      return undefined
    }
    复制代码
  • never类型, 表示永远不会有返回结果, 也不能返回undefined, 用的很少, 了解即可

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享