我画了5张脑图可以让你快速入门TypeScript

语言: CN / TW / HK

theme: fancy highlight: atom-one-light


持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第17天,点击查看活动详情

Hi~,我是一碗周,如果写的文章有幸可以得到你的青睐,万分有幸~

🍏 写在前面

TypeScript已经变成了前端工程师的必备技能,而且TypeScript的使用可以时渐进式的;为什么这么说呢?因为TypeScript时完全向下兼容JavaScript的,就算是你一行TS的代码都不会写,只要知道any就可以使用TS进行开发,这就是AnyScript的由来,但是如果这样写就完全失去了引入TS的目的。

TypeScript可以说是一种新的编程语言,所以说学习TS也是需要一定时间了,为了帮助快速学习,这里我整理了5张脑图,可以帮助我们快速上手。

🍑 类型

TypeScript解决了JavaScript中的一个最大问题,就是JavaScript中的变量没有类型,TS中的类型在JavaScript的基础上补充了枚举类型和元组类型,还存在类型保护、类型断言和类型提示等功能,脑图如下:

01_类型.png

🍒 函数

函数几乎是所有编程语言中最重要的部分,TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用。

02_函数.png

🍓 接口

接口是TypeScript中的重要特性之一,为值所具有的结构进行类型检查,接口可以帮助我们为类型进行命名以及对代码进行约束。

03_接口.png

🫐 类

在ES6中也提出了类的概念,TS中的在ES6的基础上又进行了扩展。

04_类.png

🍈 泛型

泛型的出现我们让我们来创建可重用的函数、类或者组件,我们可以为其传递多种类型,这样就可以以各种数据类型来使用该函数、类或者组件。

05_泛型.png

🥭 写在最后

本篇文章到这里就结束了,可以利用文中的脑图快速的入门TypeScript,但是也仅仅是入门,如果想要更加深入的了解TS还需要继续学习