1.typeScript安装步骤

  • a.用 tsc --init 初始化配置
  • b.编辑 tsconfig.json 配置 TypeScript 选项

2.typeScript基本类型

  • boolean 布尔类型
  • Number 数字
  • String 字符串
  • void 空值
  • null
  • undefined
  • symbol
在使用symbol时,必须添加ES6编译辅助库 "lib": ["es6"]
  • BigInt
BigInt (可以存储和操作大整数) 在使用时,需要添加ESNext的编译辅助库 "lib": ["ESNext"]

3.typeScript中的其他常见类型

  • any 任意类型
  • unknown typeScript3.0引入的类型,any类的安全类型

nknown 和 any 的主要区别是  unknown 类型会更加严格:在对unknown类型的值执行大多数操作之前,我们必须进行某种形式的检查, 而在对 any 类型的值执行操作之前,我们不必进行任何检查

let value: any; 
value.foo.bar; // OK

let value: unknown; 
value.foo.bar; // ERROR
  • never
never 类型表示的是那些永不存在的值的类型,never 类型是任何类型的子类型,也可以赋值给任何类型; 然而,没有类型是 never 的子类型或可以赋值给 never 类型(除了never本身之外) 注:即使any也不可以赋值给never。 
// 抛出异常的函数永远不会有返回值 
function error(message: string): never { 
    throw new Error(message); 
} 

// 空数组,而且永远是空的 
const empty: never[] = []
  • Array(数组)
数组有两种类型定义方式,一种是使用泛型:
const list: Array<number> = [1, 2, 3]

另一种使用更加广泛那就是在元素类型后面接上 
[]: const list: number[] = [1, 2, 3]

  • 元组(Tuple)

元组类型与数组类型非常相似,表示一个已知元素数量和类型的数组,各元素的类型不必相同

let x: [string, number]; 

x = ['hello', 10, false] // Error 

x = ['hello'] // Error 

x = [10, 'hello'] // Error 

x = ['hello', 10] // ok 

interface Tuple extends Array<string | number> { 
    0: string; 
    1: number; 
    length: 2; 
} 
const tuple: [string, number] = ['a', 1]; tuple.push(2); // ok 

console.log(tuple); // ["a", 1, 2] -> 正常打印出来 

console.log(tuple[2]); // Tuple type '[string, number]' of length '2' has no element at index '2'
  • Object
object 表示非原始类型,也就是除 number,string,boolean,symbol,null 或 undefined 之外的类型。

大疯子的峰
13 声望1 粉丝

« 上一篇
js判断浏览器