【vue3+typescript高仿知乎】项目学习笔记（二）——TypeScript篇

一、编程语言类型

1、动态类型语言（Dynamically Typed Language）

是指在项目在运行期间才会做数据类型检查的语言，也就是说我们在编程的时候不用给变量设置指定的类型，只有在项目运行起来后我们才能通过日志发现问题。如：JavaScript、Python、Ruby等弱类型语言。

2、静态类型语言（Statically Typed Language）

与动态类型语言正好相反，它的数据类型检查是发生在编译，也就是说在设置变量的时候要设置好数据类型，如JAVA、C、C++等，他能很好的在编译的时候提出问题，方便我们及时修改。现在前端开发为了解决这个问题，发明了Eslint、TypeScript等一系列代码检查机制，能后更好的方便我们开发。

总结：上述两种语言构成了整个开发编程语言的大家族

二、TypeScript究竟是什么？

Type类型；Script是JavaScript，就是就把不看重类型的动态类型语言变成关注类型的静态类型语言

image.png

三、TypeScript安装？

node版本至少10以上
全局安装Typescript
npm install -g typescript
使用以下命令，查看typescript是否安装成功
tsc -v

四、TypeScript基础知识点

1.原始数据类型定义

image.png

null 和undefined能复制给任何数据类型

2.数组、元祖类型定义

image.png

3.interface接口

image.png

4.Function 函数

image.png

image.png

5.类型推论、联合类型和类型段岩

image.png

6.枚举

（1）数字枚举

image.png

image.png

（2）字符串枚举

image.png

（3）常量枚举

image.png

7.泛型

（1）泛型动机

image.png

（2）约束泛型

image.png

（3）泛型在类和接口中的使用

1.在类中的使用

image.png

2.接口中的使用

image.png

8.类型别名、字面量和交叉类型

（1）类型别名

image.png

（2）字面量

image.png

（3）交叉类型

image.png

9.声明文件

image.png

10.内置类型

image.png

11.配置文件

TypeScript的配置文件统称为tsconfig.json，详细的文档可参考官网，具体的详细介绍，在这里推荐一篇文章，里面比较详细的介绍

四、总结

有关ts的基础部分就到这里了，虽然都是截图，但是主要是做笔记，也就大致写写，方便自己回顾时起一个提醒作用。