前言

联合类型（Union Types）表示取值可以为多种类型中的一种。

简单案例

这里在定义a的时候，声明了number类型与string类型，所以允许a定义值为数值和字符。

  1. let a: string | number = '1';
  3. a = '1';
  5. a    //'1'

访问联合类型的属性和方法

在遇到联合类型时，我们需要根据类型推论去判断出它时什么类型，可以使用什么方法。

  1. function Fn (name: string | number):number {
  2.     return Number(name)
  3. }
  5. 分析
  6.         参数name，接收string和number
  7.     函数返回值必须时number
  1. let anything: string | boolean | numer;
  3. anything = '123';
  4. anything.length //3
  6. anything = 123;
  7. anything.length; //Property 'length' does not exist on type 'number'.
  9. 分析
  10.     变量anything定义类型为string，boolean，number
  11.   在定义值的时候根据类型推论，会推出一个类型，那么只能使用当前类型的方法

测试用例

  1. let debug:boolean = true;
  2. let a: string | number = 1;
  3. a = '2';
  5. let b: boolean | object = {
  6.   name: 'along'
  7. }
  8. b = false;
  10. // 场景应用 参数联合类型 返回值必须是boolean
  11. function getFun (a: string | number | boolean): boolean {
  12.   return typeof(a) == 'string' || typeof(a) == 'number' || typeof(a) == 'boolean' ? true : false;
  13. }
  15. debug && console.log({
  16.   a: `${a}:${typeof(a)}`,
  17.   b: `${b}:${typeof(b)}`,
  18.   fun: `${getFun(1)}:${typeof(getFun(1))}`,
  19. });
  21. ----------------------------------------------------------------------------------------
  23. { a: '2:string', b: 'false:boolean', fun: 'true:boolean' }

参考

https://ts.xcatliu.com/basics/type-inference.html