【TypeScript】介绍

【记】短暂的接触了TypeScript和React，又回到小破站用vue+JavaScript了。

安装

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。

tsc hello.ts

我们约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。

什么是 TypeScript？

1. TypeScript 是静态类型

动态类型：在运行时进行类型检查（JavaScript）

静态类型：在编译阶段确定类型（TypeScript） TypeScript 在运行前编译为 JavaScript，在编译阶段进行类型检查，并报错

2. TypeScript 是弱类型

强类型：不允许隐式类型转换（Python）

弱类型：允许隐式类型转换（JS、TS）

console.log(1 + '1') 
// '11' (弱)
// # TypeError: unsupported operand type(s) for +: 'int' and 'str'（强）

可以通过增加eslint检测规则restrict-plus-operands来加强 TypeScript 的弱类型。

总结：什么是 TypeScript？

• TypeScript 是添加了类型系统的 JavaScript，适用于任何规模的项目。
• TypeScript 是一门静态类型、弱类型的语言。
• TypeScript 是完全兼容 JavaScript 的，它不会修改 JavaScript 运行时的特性。
• TypeScript 可以编译为 JavaScript，然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。
• TypeScript 拥有很多编译选项，类型检查的严格程度由你决定。
• TypeScript 可以和 JavaScript 共存，这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。
• TypeScript 增强了编辑器（IDE）的功能，提供了代码补全、接口提示、跳转到定义、代码重构等能力。
• TypeScript 拥有活跃的社区，大多数常用的第三方库都提供了类型声明。
• TypeScript 与标准同步发展，符合最新的 ECMAScript 标准（stage 3）。