- TypeScript介绍
- 开发环境搭建
- 常用数据类型
1.什么是TypeScript?
- TypeScript 是JavaScript的一个超集,支持ECMAScript 6标准。
- Typescript由微软开发的自由和开源的编程语言。
- TypeScript 设计目标是开发大型应用,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何浏览器上
- TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
1.1JavaScript与TypeScript的区别
Typescript是JavaScript的超集,扩展了JavaScript的语法,因此现有的JavaScript代码可与TypeScript一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript可处理已有的JavaScript代码,并只对其中的 TypeScript代码进行编译。
TypeScript |
JavaScript |
JavaScript的超集用于解决大型项目的代码复杂性 |
一种脚本语言,用于创建动态网页 |
可以再编译期间发现并矫正错误 |
作为一种解释型语言,只能在运行时发现 错误 |
强类型,支持静态和动态类型 |
弱类型,没有静态类型选项 |
最终被编译成JavaScript代码,使浏览器可以理解 |
可以直接在浏览器中使用 |
支持模块、泛型和接口 |
不支持模块、泛型和接口 |
支持ES3,ES4,ES5和ES6+功能 |
不支持编译其他ES3,ES4, ES5和ES6+功能 |
社区的支持仍在增长,而且还不是很大 |
大量的社区支持以及大量文档和解决问题 的支持 |
TypeScript是JavaScript的超集,即包含javaScript的所有元素,能运行JavaScript的代码,并扩展了JavaScript的语法。相比于JavaScript,它还增加了静态类型、类、模块、接口和类型注解方面的功能,更易于大项目的开发。
TypeScript 提供最新的和不断发展的JavaScript特性,包括那些来自2015年的ECMAScript和未来的提案中的特性,比如异步功能和Decorators,以帮助建立健壮的组件。
下图显示了TypeScript 与ES5、ES2015+之间的关系:
1.2Ts优势
- 更早的发现错误
- 任何位置都有代码提示,增加开发效率
- 类型系统提升了代码的可维护性,重构更容易
- 使用最新的ECMAScript语法,最新
- TS类型推断机制,降低成本
2.开发环境搭建
- 安装vscode
- 安装Node.js:使用命令no