[ TypeScript入门| 青训营笔记]

17 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第4天。

一、视频课笔记:

1.本堂课重点内容:什么是TypeScript,TypeScript基本语法,TypeScript高级类型,TypeScript工程应用。

2.详细知识点介绍:

什么是TypeScript:

  • TS是静态类型和弱类型语言。
  • 可读性增强,基于语法解释TSDoc,idea增强。
  • 可维护性增强,在编译阶段暴露大部分错误。
  • 多人合作的大型项目中,获得更好的稳定性和开发效率。
  • Js的超集,包含于兼容所以Js特性,支持共存,支持渐进式引入与升级。

TypeScript基本语法:

  • 基础数据类型:字符串,数字,布尔值,null,undefined。
  • 对象类型及接口。
  • 函数类型及函数重载。
  • 数组类型:1.类型+方括号; 2.泛型表示; 3.元祖表示; 4.接口表示。
  • TypeScript补充类型:1.空类型 ;2.任意类型 ;3.枚举类型 ;4.泛型。
  • 类型别名&断言。
  • 字符串/数字 字面量。

高级类型:

  • 联合/交叉类型:
    • 联合类型:IA|IB;联合类型表示一个值可以是几种类型之一。
    • 交叉类型:交叉类型:IA&IB;多种类型叠加到一起成为一种类型,它包含所需的所有类型的特性。
  • 类型保护与类型守卫:
    • 类型守卫:定义一个函数,它的返回值是一个类型谓词,生效范围为子作用域。

工程应用:

Web应用: image.png Node应用:

image.png

二、实践练习例子:

使用在线模拟器练习: image.png

三、个人思考与总结:

  1. TypeScript与JavaScript语言十分相似。