学习TypeScript|青训营笔记

43 阅读1分钟

今天是我来参加[第五届青训营]笔记创作活动的第四天。

今天老师从TypeScript的发展开始讲解,由浅入深。

TypeScript的发展历史:

image.png

TypeScript与JavaScript的区别:

image.png

TypeScript存在自动类型推断,因此左边的代码可以直接运行。

image.png

TypeScript补充的数据类型有空类型、枚举类型、unknow类型、map类型等等

其中unknow类型中任何类型都可以赋值给他,但是不能将unknow类型赋值给任何类型,unknown类型与其他类型的交集都是其他类型(string & unknow = string),除了any以外的其他类型,unknow与其他了熊的联合都是unknow类型(string | unknow = unknow);

map类型的用法有:

map.set() //设置map中的值

map.get() //获取map中的值

map.size() //map的长度

map.has() //判断是否含有某个键所对应的数值

map.delete() //删除某个数值的键

map.keys() //所有键

map.values() //所有数值

image.png

其中类的修饰符有public、protected、private、readonly等等; 抽象类:abstract(可以定义约束也可以有具体的实现) implement可以将接口继承到类中,但是接口需要重新编写。

老师又讲解了webpack和node.js在TypeScript工程化中的应用

image.png

image.png

使用node的TSC编译可以将.ts文件编译成.js文件,就像.less文件编译成.css文件一样,大大方便了我们在某些领域的开发。

老师这节课讲的很清晰明了,将TypeScript的基础和高级用法层层讲解,通俗易懂,学完这节课,对我的前端学习又提供了大大的帮助。