TypeScript 入门 | 青训营笔记

141 阅读2分钟

TypeScript 入门 | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第14天。

一、什么是TypeScript?

image.png

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

image.png 1、配置webapack loader相关配置
2、配置tsconfig.js文件
3、运行webpack启动/打包
4、loader处理ts文件时,会进行编译与类型检查

2、Typescript工程应用-Node

image.png 1、安装Node与npm
2、配置tsconfig.js文件
3、使用npm安装tsc
4.使用tsc运行编译得到js文件