TypeScript 入门|青训营笔记

69 阅读2分钟

这是我参与[第五届青训营]伴学笔记创作活动的第3天,和大家分享自己学习《TypeScript 入门》章节课程的收获。

一、本堂课重点内容

  • TypeScript历史以及定义解析
  • TypeScript优势解读
  • TypeScript练习工具

二、详细知识点介绍

1.什么是TypeScript?

  • TypeScript源于JavaScript,但JS是动态类型,而TS是静态类型,两者都是弱类型语言。
  • 动态类型:在运行时才做类型的匹配;静态类型:编译发生在程序运行前。
  • 弱类型语言:会自动进行类型转换。

2.为什么是TypeScript?

  • 在多人合作的大型项目中,获得更好的稳定性和开发效率
    • 可读性增强:基于语法解析,能自动生成文档TSDoc,辅助理解
    • 可维护性增强:在编译阶段暴露大部分错误
  • 包含于兼容所有JS特性,支持共存,也支持渐进式升级

3.基本语法

(1)基础数据类型

image.png

(2)对象类型

image.png

(3)函数

image.png

(4)函数重载

image.png

(5)数组类型

image.png

(6)补充类型

image.png image.png

(9)字符串/数字、字面量

3.高级类型

通过各种基础类型做出高级的类型,并可以基于一个高级类型弄出各种变形。

(1)联合/交叉类型

  • 联合类型:表示一个值可以是几种类型之一;
  • 交叉类型:多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。

(2)类型保护与类型守卫

(3)函数返回值类型

4.工程应用

将TS应用到工程开发中,主要是浏览器Web和NodeJs两者的应用。

(1)Web

image.png

  • 配置webpack loader:将TS转成JS,便于webpack识别
  • 进一步的学习在webpack中深入与实践

(2)NodeJs

image.png

三、课后个人总结

对TS比较陌生,通过本堂课对它有了基本的认知,但数据类型方面的理解比较浅显,还需进一步加强。