这是我参与「第五届青训营 」伴学笔记创作活动的第4天。
今天学习的内容是TypeScript,在看完视频后有以下几个知识点想与大家分享。
1.TypeScript 与 JavaScript 的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查,而 JavaScript 是动态类型。TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。TypeScript的两大特性是静态类型检查和面向对象,TypeScript作为一种强类型语言,不仅拥有静态类型系统,还为我们带来了一套完整的控制功能复杂度的技术体系
2.TypeScript基础语法
一个TypeScript 程序由以下几个部分组成:模块、函数、变量、语句和表达式、注释。在编写代码时需要注意的是TypeScript 区分大写和小写字符。而分号在 TypeScript 中是可选的,可写可不写,每行指令都是一段语句,可以使用分号或不使用,但是避免出现错误还是建议使用。如果语句写在同一行则一定需要使用分号来分隔,否则会出现报错。
3.什么是Mixins
Mixins是一种通过重用组件构建类的方法。不通过类的直接继承来实现,而是将基类作为接口来实现。对于基类实例化部分在子类中实现,基类中原型的部分在子类中进行声明占位,然后通过一个Mixins函数将基类上的原型属性拷贝到子类上
4.TypeScript工程应用之tsconfig.json
它主要用于标识TypeScript项目的根路径,配置TypeScript编译器以及指定编译的文件。在使用tsconfig.json时需要注意不要踩坑的是仅在项目config中配置别名是不生效的,需要在tsconfig.json中再配置一遍。
5.TypeScript优点
- 简单易学
- 编译时会提供错误检查,在运行代码前会进行错误提示
- 支持所有的JS库
- 支持ES6,提供了ES6所有的优点和更高的生产力
- 使用继承提供可重用性
- 有助于代码结构
- 通过定义模块来定义命名空间