这是我参与[第五届青训营]伴学笔记创作活动的第3天,和大家分享自己学习《TypeScript 入门》章节课程的收获。
一、本堂课重点内容
- TypeScript历史以及定义解析
- TypeScript优势解读
- TypeScript练习工具
二、详细知识点介绍
1.什么是TypeScript?
- TypeScript源于JavaScript,但JS是动态类型,而TS是静态类型,两者都是弱类型语言。
- 动态类型:在运行时才做类型的匹配;静态类型:编译发生在程序运行前。
- 弱类型语言:会自动进行类型转换。
2.为什么是TypeScript?
- 在多人合作的大型项目中,获得更好的稳定性和开发效率
-
- 可读性增强:基于语法解析,能自动生成文档TSDoc,辅助理解
-
- 可维护性增强:在编译阶段暴露大部分错误
- 包含于兼容所有JS特性,支持共存,也支持渐进式升级
3.基本语法
(1)基础数据类型
(2)对象类型
(3)函数
(4)函数重载
(5)数组类型
(6)补充类型
(9)字符串/数字、字面量
3.高级类型
通过各种基础类型做出高级的类型,并可以基于一个高级类型弄出各种变形。
(1)联合/交叉类型
- 联合类型:表示一个值可以是几种类型之一;
- 交叉类型:多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。
(2)类型保护与类型守卫
(3)函数返回值类型
4.工程应用
将TS应用到工程开发中,主要是浏览器Web和NodeJs两者的应用。
(1)Web
- 配置webpack loader:将TS转成JS,便于webpack识别
- 进一步的学习在webpack中深入与实践
(2)NodeJs
三、课后个人总结
对TS比较陌生,通过本堂课对它有了基本的认知,但数据类型方面的理解比较浅显,还需进一步加强。