TypeScript 笔记

详情请见文章 => TypeScript超详细入门教程

1. 变量的声明

在 TypeScript 中声明变量时要同时指定变量的类型，指定类型后就不能随意赋值了。

语法： 变量 : 类型

let a:number = 123
a = 'abc' // 提示错误，因为此时 a 已经是 number 类型了

如果我们在声明时没有给变量指定类型，那么编译器会自动根据你赋给这个变量的值，来推断这个变量的类型：

let a = 123
a = 'abc' // 提示错误，因为此时 a 已经是 number 类型了

2. 变量的类型

• boolean 布尔型
• number 数值型
• string 字符串
• null
• undefined
• 数组
• object

注意点：

1. 声明数组时，有两种方式：

  // 方式一： 变量类型 []
  let arr:string[] = ['a', 'b', 'c']
  
  // 方式二：Array<变量类型>
  let arr:Array<string> = ['a', 'b', 'c']

这两种方式声明的数组中的元素都是同一种数据类型，如果希望声明的数组元素数据类型不同的话，可以使用联合类型，避免使用 any 类型：

  // 方式一： 变量类型 []
  let arr:string|number[] = ['a', 'b', 3]
  
  // 方式二：Array<变量类型>
  let arr:Array<string|number> = ['a', 'b', 3]

• 元祖 tuple

元祖是一种特殊的数组，这种数组我们在声明时已知它的元素数量和数据类型。