TypeScript 入门(上) | 青训营笔记

113 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第13天

TypeScript 入门(上)

一、Typescript 简介

TypeScript 是什么 ?

❓ TypeScript 是微软开发的一个开源的编程语言,通过在 JavaScript 的基础上添加静态类型定义构建而成。TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码,可运行在任何浏览器,任何操作系统。

TypeScript 发展历程

⭐ 2012-10:微软发布了 TypeScript 第一个版本(0.8)

⭐ 2014-10: Angular发布了基于TypeScript 的2.0版本

⭐ 2015-04:微软发布了Visual Studio Code

⭐ 2016-05: @types/react发布,TypeScript 可开发React

⭐ 2020-09:Vue发布了3.0版本,官方支持 TypeScript

⭐ 2021-11:V4.5版本发布

二、基本语法

基础数据类型

image.png

👇 改造为 TypeScript

image.png

对象类型

image.png image.png

函数类型

image.png

👇 添加类型声明

image.png

⭐ 这样会导致部分函数类型较长,对一些代码结构不友好,因此可以通过interface去定义函数类型

image.png

函数重载

image.png image.png

数组类型

image.png

TypeScript 补充类型

image.png

TypeScript 泛型

image.png image.png image.png

类型别名 & 类型断言

image.png

字符串 / 数字 字面量

image.png