深入浅出 TypeScript| 青训营笔记

66 阅读2分钟

那天学习过TypeScript课程之后整理完笔记忘记发布了。今天把这方面的笔记补上。 在今天的教程中,我们将一起来了解什么是 TypeScript ,以及它相对于原生 JavaScript 的一些优势。

什么是TypeScript???

TypeScript 简介

TypeScript 是 JavaScript 的超集。

TypeScript 建立在 JavaScript 之上。首先,我们编写 TypeScript 代码。然后,我们使用 TypeScript 编译器将 TypeScript 代码编译为纯 JavaScript 代码。

拥有纯 JavaScript 代码后,我们可以将其部署到 JavaScript 运行的任何环境中。

TypeScript 文件的扩展是 .ts ,而不是 JavaScript 文件的 .js 扩展名。

image.png TypeScript 使用 JavaScript 语法,并添加了额外的语法来支持类型。

如果我们的 JavaScript 程序没有任何语法错误,那么,它也是一个 TypeScript 程序。这意味着所有的 JavaScript 程序都是 TypeScript 程序。

如果我们要将现有的 JavaScript 代码库迁移到 TypeScript,这将非常有用。

为什么要学习TypeScript???

TypeScript VS JavaScript

image.png

TypeScript带来了什么???

image.png

TypeScript推荐

image.png

TS基础-基础类型

image.png

TS基础-函数类型

image.png

TS基础-interface

image.png

TS基础-类

image.png

TS进阶

TS进阶-高级类型

image.png

image.png

image.png

TS进阶-泛型-什么时候需要泛型?

官方定义:

软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重入性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型。 这在创建大型系统时为你提供了十分灵活的功能。

在像C#和java这样的语言中,可以使用泛型来创建可重用的组件。 一个组件可以支持多个类型的数据,这样用户就可以以自己的数据类型来使用组件。

举个例子:

image.png

image.png

TS进阶-泛型工具类型-基础操作符

image.png

image.png

TS实战-声明文件

image.png

TS实战-泛型约束后端接口类型

image.png

总结

今天学习了TS的一些基础的语法和进阶实战的泛型等知识。

image.png