我画了5张脑图可以让你快速入门TypeScript
Hi~,我是一碗周,如果写的文章有幸可以得到你的青睐,万分有幸~
🍏 写在前面
TypeScript已经变成了前端工程师的必备技能,而且TypeScript的使用可以时渐进式的;为什么这么说呢?因为TypeScript时完全向下兼容JavaScript的,就算是你一行TS的代码都不会写,只要知道any
就可以使用TS进行开发,这就是AnyScript的由来,但是如果这样写就完全失去了引入TS的目的。
TypeScript可以说是一种新的编程语言,所以说学习TS也是需要一定时间了,为了帮助快速学习,这里我整理了5张脑图,可以帮助我们快速上手。
🍑 类型
TypeScript解决了JavaScript中的一个最大问题,就是JavaScript中的变量没有类型,TS中的类型在JavaScript的基础上补充了枚举类型和元组类型,还存在类型保护、类型断言和类型提示等功能,脑图如下:
🍒 函数
函数几乎是所有编程语言中最重要的部分,TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用。
🍓 接口
接口是TypeScript中的重要特性之一,为值所具有的结构进行类型检查,接口可以帮助我们为类型进行命名以及对代码进行约束。
🫐 类
在ES6中也提出了类的概念,TS中的在ES6的基础上又进行了扩展。
🍈 泛型
泛型的出现我们让我们来创建可重用的函数、类或者组件,我们可以为其传递多种类型,这样就可以以各种数据类型来使用该函数、类或者组件。
🥭 写在最后
本篇文章到这里就结束了,可以利用文中的脑图快速的入门TypeScript,但是也仅仅是入门,如果想要更加深入的了解TS还需要继续学习
转载自:https://juejin.cn/post/7109872058485440542