极客笔记TypeScript 和Flow的区别
Flow
Facebook 开发了Flow，它是基于现有JS代码的JavaScript 静态类型检查器 。它是一个基于流程的类型工具，而不是一种编程语言。它做了很多工作，可以使我们更加高效。它使我们的程序 更快 ， 更智能 ，更有信心，并且能够处理更大规模的问题。
Flow使用静态的 类型注释 来检查代码中的 错误 。类型注释让我们告诉Flow我们希望代码如何工作，而Flow则确保代码按照我们的意图工作。Flow是可以逐步接受的。它可以很容易地从我们的 代码库 中 添加 和 删除 ，而不会引起任何问题。当我们只想对项目的某个部分启用 类型检查 时，它非常有用。
TypeScript
TypeScript是一个纯 面向对象 的开源编程语言。它是JavaScript的 强类型 的超集，可以编译成普通的JavaScript。TypeScript是由 Microsoft 在 Apache 2 许可下开发和维护的。它不能直接在浏览器中运行。它需要一个编译器来编译和生成JavaScript文件。TypeScript源文件的扩展名为 ” .ts “。
Anders Hejlsberg 开发了TypeScript。它于 2012年10月1日 首次向公众介绍。经过Microsoft两年的内部开发，TypeScript 0.9新版本于 2013年 发布。目前的TypeScript版本是 TypeScript 3.4.5 ，于 2019年4月24日 发布。
TypeScript vs. Flow
我们可以从下表中了解TypeScript和Flow的主要区别。
| 对比项 | TypeScript | Flow |
|---|---|---|
| 介绍 | 它是JavaScript语言的一种带类型的超集。它是由微软引入的开源免费编程语言。 | 它是一种基于流的类型检查工具，而不是一种编程语言。它是一个JavaScript静态类型检查器，可以运行在我们现有的JS代码之上。Flow的目标是实现快速而精确的代码分析。 |
| 设计目标 | 它用于在正确性和生产力之间实现错误的识别。 | 它用于确保类型的完整性和安全性。 |
| 使用案例（流行框架的集成） | 在使用Angular 2或更高版本时，Flow成为了一个更好的选择。 | 如果我们在使用React，Flow作为一个更好的选择，因为它可以与babel和已经存在的基础设施轻松集成。 |
| 福利 | 主要福利有： 它利用静态类型作为关键福利。 它提供了有用的工具，如代码重构、自动补全、导航。 它有极好的IDE支持。 它可以轻松集成到VSCode中，这使得这个编辑器非常受欢迎。 |
主要福利有： 它利用静态类型作为关键福利。 它提供了强大的过程分析。 它能够轻松理解代码。 它可以强大地分析和控制程序。 |
| 特点 | Typescript的主要特点包括： 编译时类型检查 类型注解 类型擦除 类型推断 枚举类型 接口 命名空间 泛型 元组 |
Flow的主要特点包括： 精确性 可靠性 速度 高吞吐量 路径敏感性 低延迟 类型推断 实时反馈 易于集成 易于理解的JavaScript模式 |
| 服务 | 除了提供静态类型，它还为我们提供了出色的语言服务和适当的工具，包括代码重构，导航和自动补全。 | 除了提供静态类型，Flow还为我们提供了广泛的过程间分析，并深入了解我们的代码。 |
| 优势 | TypeScript的优势包括： 流行的框架支持（Vue，React，Angular） 强大的社区支持 强大的集成开发环境支持 兼容JavaScript 声明文件 |
Flow的优势是： 支持任何JS文件 易于集成 对JS模式有很好的理解 实时反馈 类型转换 易于阅读 更容易修改 |
| 缺点 | TypeScript的缺点是： 另一种编程语言 与现有JS项目集成较困难 |
Flow的缺点是： 较小的社区 对类型不太关注 IDE支持较小。 |
| 实用程序大小 | 42.4 MB | 68.4 MB |