说说TS和ES的区别，以及TS带来的好处？

[pwstrick]

说说TS和ES的区别，以及TS带来的好处？

来源《寒冬中的前端社招面试》

[pwstrick]

目标：生命周期较长（常常持续几年）的复杂SPA应用，保障开发效率的同时提升代码的可维护性和线上运行时质量。

• 从开发效率上看，虽然需要多写一些类型定义代码，但TS在VSCode、WebStorm等IDE下可以做到智能提示，智能感知bug，同时我们项目常用的一些第三方类库框架都有TS类型声明，我们也可以给那些没有TS类型声明的稳定模块写声明文件，如我们的前端KOP框架(目前还是蚂蚁内部框架，类比dva)，这在团队协作项目中可以提升整体的开发效率。
• 从可维护性上看，长期迭代维护的项目开发和维护的成员会有很多，团队成员水平会有差异，而软件具有熵的特质，长期迭代维护的项目总会遇到可维护性逐渐降低的问题，有了强类型约束和静态检查，以及智能IDE的帮助下，可以降低软件腐化的速度，提升可维护性，且在重构时，强类型和静态类型检查会帮上大忙，甚至有了类型定义，会不经意间增加重构的频率（更安全、放心）。
• 从线上运行时质量上看，我们现在的SPA项目的很多bug都是由于一些调用方和被调用方（如组件模块间的协作、接口或函数的调用）的数据格式不匹配引起的，由于TS有编译期的静态检查，让我们的bug尽可能消灭在编译器，加上IDE有智能纠错，编码时就能提前感知bug的存在，我们的线上运行时质量会更为稳定可控。

TS适合大规模JavaScript应用，正如他的官方宣传语JavaScript that scales。从以下几点可以看到TS在团队协作、可维护性、易读性、稳定性（编译期提前暴露bug）等方面上有着明显的好处：

• 加上了类型系统，对于阅读代码的人和编译器都是友好的。对阅读者来说，类型定义加上IDE的智能提示，增强了代码的易读型；对于编译器来说，类型定义可以让编译器揪出隐藏的bug。
• 类型系统+静态分析检查+智能感知/提示，使大规模的应用代码质量更高，运行时bug更少，更方便维护。
• 有类似VSCode这样配套的IDE支持，方便的查看类型推断和引用关系，可以更方便和安全的进行重构，再也不用全局搜索，一个个修改了。
• 给应用配置、应用状态、前后端接口及各种模块定义类型，整个应用都是一个个的类型定义，使协作更为方便、高效和安全。

参考《TypeScript体系调研报告》

[Hygge996]

TypeScript (TS) 和 ECMAScript (ES) 都是用于编写 JavaScript 代码的语言，但它们在特性和用途上有一些关键区别。

ECMAScript (ES)

ECMAScript 是 JavaScript 的标准化版本，定义了 JavaScript 的语法和功能。以下是一些关键点：

1. 标准化：由 ECMA 国际标准组织维护，定期更新。
2. 版本：不同的版本引入了不同的新特性，如 ES5、ES6 (ES2015)、ES7 (ES2016)、ES8 (ES2017) 等。
3. 功能：每个新版本都会引入一些新特性，如箭头函数、模板字符串、解构赋值、类、模块、异步函数等。
4. 动态类型：JavaScript 是一种动态类型语言，变量类型在运行时确定。

TypeScript (TS)

TypeScript 是 JavaScript 的一个超集，由微软开发和维护。它扩展了 JavaScript，增加了一些新特性，特别是静态类型检查。以下是一些关键点：

1. 静态类型：TypeScript 引入了静态类型系统，允许在开发时进行类型检查，减少运行时错误。
2. 编译：TypeScript 代码需要编译成 JavaScript 代码才能在浏览器或 Node.js 环境中运行。
3. 新特性：TypeScript 提供了一些 JavaScript 尚未支持的特性，如接口、枚举、泛型等。
4. IDE 支持：由于类型信息丰富，TypeScript 能够提供更好的代码补全、重构和导航支持。

TypeScript 带来的好处

1. 类型安全：TypeScript 提供静态类型检查，能够在开发阶段捕捉类型错误，减少运行时错误。
2. 代码可读性和可维护性：通过明确的类型定义，代码的意图更加清晰，便于团队协作和代码维护。
3. 现代特性支持：TypeScript 支持最新的 JavaScript 特性，同时也提供一些 JavaScript 尚未支持的特性。
4. 强大的工具支持：由于类型信息，IDE 和编辑器能够提供更好的代码补全、重构和导航功能，提高开发效率。
5. 兼容性：TypeScript 是 JavaScript 的超集，现有的 JavaScript 代码可以无缝迁移到 TypeScript 中使用。
6. 社区和生态系统：TypeScript 拥有庞大的社区支持和丰富的第三方类型定义库（如 DefinitelyTyped），使得与其他库和框架的集成更加容易。

总结

• ECMAScript 是 JavaScript 的标准，提供了基本的语法和功能。
• TypeScript 是 JavaScript 的超集，增加了静态类型检查和一些高级特性，带来了更高的代码质量和开发效率。

通过引入 TypeScript，可以在开发过程中提早发现错误，增强代码的可读性和可维护性，提升团队协作效率。