TypeScript | 青训营笔记

78 阅读2分钟

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

一、本堂课重点内容:

基本语法:主要是基本数据类型、对象数据类型、函数类型、函数重载、数组类型、空类型、枚举类型、任意类型等知识,有点类似我之前学的c++,也是面向对象的编程语言,不同于js的是它是静态类型,而不是说在执行时才确定类型,这种动态类型实际上是存在隐患的。

二、详细知识点介绍:

  • 基本数据类型 image.png 其语法就是在声明的变量后面加上冒号和类型名,这样就实现了类型的声明。前面的const也可以换成let,var,也是一样的,都是符合语法规范的,总共有以下几种基本数据类型:number、string、boolean、null、undefined。
  • 对象数据类型 image.png 图中IBytedancer是自定义的类型,实质上是一个对象,里面分别有jobId(只读,必须有,并且是数字类型)、name(字符串)、sex(必须,有三个可选值)、age(必须,数字类型)、hobby(字符串类型,可以有也可以没有)、key(字符串,对应的键值可以是任何类型)。然后我们可以使用这个自定义的类型去声明一个变量bytedancer,这类似于c++中的结构体或类,可以在里面声明各种数据,组合在一起成为一种新的数据类型。
  • 函数类型 image.png 函数类型与js的差别就在于参数也必须加上冒号以及数据类型名,函数本身有返回值也必须加上类型名,如图中返回值时number类型。还有就是这里也定义了一个自定义类型IMult,自定义了一个乘法函数。

三、课后个人总结:

本章知识与c++非常类似,因此学起来并不是那么困难,有点融汇贯通的感觉,虽然语法上有点差别,但在我看来本质都一样,就是静态类型,这就非常有利于维护和升级代码,