TypeScript介绍

TypeScript——静态类型编辑语言（编译期做类型检查）

JavaScript——动态类型编辑语言（执行器做类型检查）

代码编译和代码执行顺序

1. 编译
2. 执行

安装TypeScript

npm install -g  typescript // 全局安装 ts

是否已经安装过 typescript 的，可以使用以下命令来验证：（如果出现版本，则说明已经安装成功）

tsc -v 

生成 tsconfig.json 配置文件

tsc --init

在我们文件中,随便写点什么

const s:string = "彼时彼刻，恰如此时此刻";
console.log(s);

控制台执行 tsc xxx.ts 命令，目录下生成了一个同名的 xxx.js 文件

var s = "彼时彼刻，恰如此时此刻";
console.log(s);

通过tsc命令，发现我们的typescript代码被转换成了熟悉的js代码

我们接着执行

node helloworld.js

安装 ts-node

那么通过我们上面的一通操作，我们知道了运行tsc命令就可以编译生成一个js文件，但是如果每次改动我们都要手动去执行编译，然后再通过 node命令才能查看运行结果岂不是太麻烦了

npm i -g ts-node // 全局安装ts-node

有了这个插件，我们就可以直接运行.ts文件了

ts-node xxx.ts

可以看到我们的打印结果已经输出

具体来源 (opens new window)

总结

TypeScript 的类型主要分为基础类型、特殊类型和高级类型。

基础类型包括：

• string：字符串
• number：数字
• boolean：布尔值
• undefined
• null
• symbol
• bigint
• object

特殊类型包括：

• any：任意类型，会关闭类型检查
• unknown：未知类型，比 any 更安全，需要类型收窄后才能使用
• never：永远不会出现的类型，比如抛异常或者死循环函数
• void：通常表示函数没有返回值

高级类型包括：

• union 联合类型，例如 string | number
• intersection 交叉类型，例如 User & Admin
• tuple 元组类型
• enum 枚举类型
• literal 字面量类型
• interface 接口
• type 类型别名

另外 TypeScript 还有很多工具类型，比如：

• Partial
• Required
• Pick
• Omit
• Record
• ReturnType
• Parameters