TypeScript 入门 | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第14天。
一、什么是TypeScript?
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
二、TypeScript的产生背景:
TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。因此微软开发了TypeScript ,使得其能够胜任开发大型项目。
三、与Javascript的比较
JS:动态类型 弱类型语言
TS:静态类型 弱类型语言
静态类型:
- 可读性增强:基于语法解析TSDoc,ide增强
- 可维护性增强:在编译阶段暴露大部分错误=>
- 多人合作的大型项目中,获得更好的稳定性和开发效率
JS的超集:
- 包含于兼容所有Js特性,支持共存
- 支持渐进式引入与升级
四、语法学习路线:
1、基础数据类型
2、对象类型
3、函数类型
4、函数重载
5、数组类型
6、Typescript补充类型
7、Typescript泛型
8、类型别名&类型断言
9、字符串/数字 字面量
10、联合/交叉类型
11、类型保护与类型守卫
12、高级类型
13、函数返回值类型
五、工程应用:
1、Typescript工程应用- Web
1、配置webapack loader相关配置
2、配置tsconfig.js文件
3、运行webpack启动/打包
4、loader处理ts文件时,会进行编译与类型检查
2、Typescript工程应用-Node
1、安装Node与npm
2、配置tsconfig.js文件
3、使用npm安装tsc
4.使用tsc运行编译得到js文件