TypeScript介绍

116 阅读4分钟

1. 什么是TypeScript
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。
TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 

2. 为什么要用TypeScript
TypeScript简化了JavaScript代码,使其更易于阅读和调试。

TypeScript是开源的。TypeScript为JavaScript IDE 和实践提供了高效的开发工具,例如静态检查。 

TypeScript使代码更易于阅读和理解。使用TypeScript,我们可以比普通的JavaScript做出巨大的改进。 

TypeScript为我们提供了ES6(ECMAScript 6)的所有优点,以及更高的工作效率。 TypeScript可以帮助我们避免开发人员通过类型检查代码编写JavaScript时经常遇到的痛苦错误。强大的类型系统,包括泛型。 

TypeScript只是带有一些附加功能的JavaScript。结构,而不是名义上的。 

TypeScript代码可以按照ES5和ES6标准进行编译,以支持最新的浏览器。与ECMAScript对齐以实现兼容性。以JavaScript开始和结束。支持静态类型。 

TypeScript将节省开发人员的时间。TypeScript是ES3,ES5和ES6的超集。  

3. TypeScript与JavaScript的区别

TypeScript 可以使用 JavaScript 中的所有代码和编码概念。 

TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。例如,TypeScript 使用类型和接口等概念来描述正在使用的数据,这使开发人员能够快速检测错误并调试应用程序。

 TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。 JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作,同时可以使用编译器将 TypeScript 代码转换为 JavaScript。 

TypeScript 通过类型注解提供编译时的静态类型检查。 

TypeScript 中的数据要求带有明确的类型,JavaScript不要求。 

TypeScript 为函数提供了缺省参数值。 

TypeScript 引入了 JavaScript 中没有的接口概念。

 TypeScript 中引入了类型声明的模块。 

  

4. 使用TypeScript的优点和缺点 
1、优点 

 代码的可读性和可维护性:举个例子看后端某个接口返回值,一般需要去network看or去看接口文档,才知道返回数据结构,而正确用了ts后,编辑器会提醒接口返回值的类型,这点相当实用。 

 在编译阶段就发现大部分错误,避免了很多线上bug 

 增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、重构等

 2、缺点 

有一定的学习成本,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)等前端工程师可能不是很熟悉的概念 

 会增加一些开发成本,当然这是前期的,后期维护更简单了 

 一些JavaScript库需要兼容,提供声明文件,像vue2,底层对ts的兼容就不是很好。 

 ts编译是需要时间的,这就意味着项目大了以后,开发环境启动和生产环境打包的速度就成了考验 

6. 是否有帮助 

1. 静态输入 

 静态类型化是一种功能,可以在开发人员编写脚本时检测错误。查找并修复错误是当今开发团队的迫切需求。有了这项功能,就会允许开发人员编写更健壮的代码并对其进行维护,以便使得代码质量更好、更清晰。 

2. 大型的开发项目 

 有时为了改进开发项目,需要对代码库进行小的增量更改。这些小小的变化可能会产生严重的、意想不到的后果,因此有必要撤销这些变化。使用TypeScript工具来进行重构更变的容易、快捷。

 3. 更好的协作 

 当开发大型项目时,会有许多开发人员,此时乱码和错误的机也会增加。类型安全是一种在编码期间检测错误的功能,而不是在编译项目时检测错误。这为开发团队创建了一个更高效的编码和调试过程。 

4. 更强的生产力 

 干净的 ECMAScript 6 代码,自动完成和动态输入等因素有助于提高开发人员的工作效率。这些功能也有助于编译器创建优化的代码。