[TypeScript] 最全数据类型解析

• 布尔值

  •    let isDone: boolean = false;
       isDone = true;
    

  • 基本的数据类型就是简单的 true/false 值，在JavaScript 和 TypeScript 里叫做 boolean

• 数字

  •   let a1: number = 10 // 十进制
    

  • 和 JavaScript 一样，TypeScript 里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript 还支持 ECMAScript 2015中引入的二进制和八进制字面量。

• 字符串

  •   let name:string = 'tom'
      name = 'jack'
    

  • JavaScript 程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用 string 表示文本数据类型。 和 JavaScript 一样，可以使用双引号（"）或单引号（’）表示字符串。

• Undefined 和 null

  •   let u: undefined = undefined
      let n: null = null
    

  • TypeScript 里，undefined 和 null 两者各自有自己的类型分别叫做 undefined 和 null。 它们的本身的类型用处不是很大

• 数组

  •   let list1: number[] = [1, 2, 3] //方式一
    

  •   let list2: Array<number> = [1, 2, 3] //方式二
    

  • TypeScript 像 JavaScript 一样可以操作数组元素。 有两种方式可以定义数组。 第一种，可以在元素类型后面接上[]，表示由此类型元素组成的一个数组

• 元组 Tuple

  •   let t1: [string, number]
      t1 = ['hello', 10] // OK
      t1 = [10, 'hello'] // Error
    

  • 元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为 string 和 number 类型的元组。

• 枚举 Enum

  •   enum Color {
      red, green, blue
      }
      let color: Color = Color.red //0
      console.log(color[1]) // green
    

  • enum 类型是对 JavaScript 标准数据类型的一个补充。 使用枚举类型可以为一组数值赋予友好的名字。

• Any

  •   let notSure: any = 4
      notSure = 'maybe a string'
      notSure = false // 也可以是个 boolean
    

  • 我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容，比如来自用户输入或第三方代码库。 这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any 类型来标记这些变量

  •  let list: any[] = [1, true, 'free']
     list[1] = 100
    

  • 对现有代码进行改写的时候，any 类型是十分有用的，它允许你在编译时可选择地包含或移除类型检查。并且当你只知道一部分数据的类型时，any 类型也是有用的。 比如，你有一个数组，它包含了不同的类型的数据

• Void

  •   /* 表示没有任何类型, 一般用来说明函数的返回值不能是undefined和null之外的值 */
      function fn(): void {
        console.log('fn()')  //Ok
        // return 1 // error
      }
    

  • 某种程度上来说，void 类型像是与 any 类型相反，它表示没有任何类型。 当一个函数没有返回值时，你通常会见到其返回值类型是 void

  •  let unusable: void = undefined
    

  • 声明一个 void 类型的变量没有什么大用，因为你只能为它赋予 undefined 和 null

• Object

  •   function fn2(obj:object):object {
        console.log('fn2()', obj)
        return {}
      }
      console.log(fn2(new String('abc'))) //Ok
      // console.log(fn2('abc')  // error
      console.log(fn2(String))
    

  • object 表示非原始类型，也就是除 number，string，boolean之外的类型。 object 类型，就可以更好的表示像 Object.create 这样的 API.

• 联合类型

  •   //形参 x 可以是数字类型 或者 字符串类型
      function toString2(x: number | string) : string { 
        return x.toString()
      }
    

  • 联合类型（Union Types）表示取值可以为多种类型中的一种,例如定义一个函数得到一个数字或字符串值的字符串形式值

• 类型断言

  •   /* 
      类型断言(Type Assertion): 可以用来手动指定一个值的类型
      语法:
          方式一: <类型>值
          方式二: 值 as 类型  tsx中只能用这种方式
      */
      
      /* 需求: 定义一个函数得到一个字符串或者数值数据的长度 */
      function getLength(x: number | string) {
        if ((<string>x).length) {  //方式一
          return (x as string).length //方式二
        } else {
          return x.toString().length
        }
      }
      console.log(getLength('abcd'), getLength(1234))
    

  • 类型断言有两种形式。 其一是“尖括号”语法, 另一个为 as 语法
  • 通过类型断言这种方式可以告诉编译器，“相信我，我知道自己在干什么”。 类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。 它没有运行时的影响，只是在编译阶段起作用。 TypeScript 会假设你，程序员，已经进行了必须的检查。

• 类型推断

  •   /* 定义变量时赋值了, 推断为对应的类型 */
      let b9 = 123 // number
      // b9 = 'abc' // error
      
      /* 定义变量时没有赋值, 推断为any类型 */
      let b10  //Ok any类型
      b10 = 123 //Ok
      b10 = 'abc' //Ok
    

  • 类型推断: TS会在没有明确的指定类型的时候推测出一个类型
    有上面2种情况: 1. 定义变量时赋值了, 推断为对应的类型. 2. 定义变量时没有赋值, 推断为any类型