typescript入门|青训营笔记

32 阅读1分钟

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

前端基础班第9节:typescript入门。

一.什么是typescript

1.typescript发展历史
image.png
2.比较

JS:动态类型、弱类型语言

TS:静态类型、弱语言类型

image.png

编译器推荐:vscode

二.基本语法

1.基础数据类型
image.png
2.对象类型
image.png
3.函数类型
image.png
4.函数重载
image.png image.png
5.数组类型
image.png
6.补充类型
image.png
7.泛型
image.png

约束 extends

image.png
8.类型别名、类型断言
image.png
9.字符串/数字 字面量
image.png

三.高级类型

1.联合/交叉类型
image.png

改进:

image.png
2.类型保护与类型守卫
image.png

类型守卫:

image.png

例子:

image.png
3.函数返回类型
image.png image.png

四.工程应用

1.web

webpack

image.png
2.node

使用TSC编译

image.png