TypeScript

一、环境准备

• ts和js的区别
  • ts 属于静态类型，写代码时就能检查错误。是js的超类，包含js功能，多的是类型。
  • js 属于动态类型，只有在运行时才会报错，不会检查类型是否发生变化。
  • typescript 语言是 javascript 扩展而来的一个超集。typescript 的语法检查能帮助提高编程的效率和减少出错率，因此在前端技术中被广泛运用。
• 安装与测试

$ npm i -g typescript

added 1 package, and audited 2 packages in 3s

found 0 vulnerabilities
## 测试是否安装成功
$ tsc -v
Version 4.8.4

• 代码，新建文件：hello.ts

console.log('hello,中国')
let a = 1;
let b = a.toFixed(2);
console.log(a, b);
# a是数字，会变色，b是字符串，不会变色。
$ node hello.ts
hello,中国
1 1.00

• 编译和运行

# 编译，会生成hello.js
$ tsc hello.ts
# 运行
$ node hello.js
hello,中国

• 简化ts运行步骤

# 安装ts-node
$ npm i -g ts-node

added 19 packages, and audited 20 packages in 3s

found 0 vulnerabilities

# 运行，但不会生成hello.js
$ ts-node hello.ts
hello,中国
# 或用 node 执行，requier ts-node
$ node hello.ts

二、

2.1、类型注解

• 为变量添加类型约束

// js 原有类型
let age: number = 1;
let myName: string = "123";
let isSuccess: boolean = true;
let a: null = null;
let b: undefined = undefined;
let s: symbol = Symbol();