zoukankan      html  css  js  c++  java
  • typescript中的类型别名和字面量类型

    类型别名

    类型别名就是给一种类型起个别的名字,之后只要使用这个类型的地方,都可以用这个名字作为类型代替。它只是起了一个名字,并不是创建了一个新类型。

    定义类型别名,使用 type 关键字:

    type StringType = string
    let s: StringType
    s = 'hello'
    s = 123 // error,不能将类型“123”分配给类型“string”。

    类型别名也可以使用泛型:

    type PositionType<T> = { x: T, y: T }
    
    let p1: PositionType<number> = {
      x: 3,
      y: 5
    }
    
    let p2: PositionType<string> = {
      x: 'right',
      y: 'top'
    }

    使用类型别名时也可以在属性中引用自己:

    type Next<T> = {
      val: T,
      next?: Next<T> // 这里属性引用类型别名自身
    }
    
    let list: Next<string> = {
      val: 'first',
      next: {
        val: 'second',
        next: {
          val: 'third',
          next: 'test' // 这里不符合类型别名规定,导致最外层 next 报错
        }
      }
    }

    但要注意,只可以在对象属性中引用类型别名自己,不能直接使用,比如这样是不行的:

    type Child = Child[]

    这样定义后会循环引用自身,无法使用,记住类型别名不能出现在声明右侧的任何地方。

    类型别名和接口很类似,有时候起到同样作用:

    type Alias = {
      num: number
    }
    
    interface Interface{
      num: number
    }
    
    let _alias: Alias = {num: 1}
    
    let _interface: Interface = {num: 2}
    
    _alias = _interface

    例子中使用类型别名和接口都可以定义一个只包含 num 属性的对象类型,而且类型是兼容的。到底用接口还是类型别名,通过两点选择:

    1. 类型别名无法被 extends 和 implements,所以类型需要拓展时,需使用接口;

    2. 当无法通过接口,并且需要使用联合类型或者元组类型时,用类型别名。

    字面量类型

    字符串字面量类型

    字符串字面量类型其实就是字符串常量,与字符串类型不同的是它是具体的值:

    type Name = 'Tom'
    let name1: Name = 'Bob' // error,不能将类型“"Bob"”分配给类型“"Tom"”
    let name2: Name = 'Tom'

    还可以使用联合类型来使用多个字符串

    type Fruit = 'apple' | 'pear' | 'orange' | 'banana'
    
    let f1: Fruit = 'peach' // error,不能将类型“"peach"”分配给类型“Fruit”
    let f2: Fruit = 'apple'

    数字字面量类型

    数字字面量类型和字符串字面量类型差不多,都是指定类型为具体的值:

    type Age = 18
    
    let age1: Age = 17 // error,不能将类型“17”分配给类型“18”。
    let age2: Age = 18
  • 相关阅读:
    php流程控制
    php运算符
    php数据类型
    php基础
    谈谈2019年
    聊聊这三年
    第二次作业(源代码)
    个人介绍
    22.python匿名函数详解
    11.python内置模块之json模块
  • 原文地址:https://www.cnblogs.com/wjaaron/p/12930899.html
Copyright © 2011-2022 走看看