这是我参与「第五届青训营 」笔记创作活动的第6天
一、本堂课重点内容:
- TypeScript 历史及定义解析
- TypeScript 优势解读
- TypeScript 基本语法
二、详细知识点介绍:
-
TypeScript 历史及定义解析
1.TypeScript历史
-- 2012-10:微软发布了TypeScript第一个版本(0.8)
-- 2014-10: Angular 发布了基于TypeScript 的2.0版本
-- 2015-04:微软发布了Visual Studio Code
-- 2016-05: @types/react发布,TypeScript可开发 React
-- 2020-09: Vue 发布了3.0版本,官方支持 TypeScript
-- 2021-11: v4.5版本发布 -
- TypeScript 优势解读
TypeScript是源于JavaScript,JavaScript是动态类型、弱类型语言,TypeScript是静态类型、弱类型语言。动态类型的语言是在执行的时候才会进行类型匹配,而静态类型的语言是在编译的时候进行的类型匹配。所以TypeScript的可读性增强,可维护性也增强了(在编译阶段就暴露了大部分错误),在多人合作的大型项目中,可以获得更好的稳定性和开发效率,并且TypeScript也是JavaScript的超集,它包含于兼容所有JS特性,支持共存,还支持渐进式引入与升级。
- TypeScript 优势解读
-
TypeScript 基本语法
1.基础数据类型
在JS当中在编译阶段是没有非常明确类型匹配的,一个未知量可以是数字、字符串、布尔值,也可以是null、undefined,在编译阶段,一个未知量X一开始是数字类型,后面也可以赋任何类型的量给X,但是在TS当中一开始给X赋的是数字类型的量,那么后面改变X的值的时候,改变的值只能是数字类型的,不能赋其他类型的值。更加生动的图示看下方:(左方是JS,右方是TS)
2.对象类型
3.对象类型
为函数声明类型有两种方式,第一种方式是直接在函数上进行类型的补充,第二种是给函数变量进行类型声明
4.函数重载
5.数组类型
6.补充类型
TypeScript对于js来说还有补充类型,就是空类型(表示无赋值),任意类型(是所有类型的子类型)以及枚举类型(支持枚举值到枚举名的正、反向映射)
7.泛型
泛型是不预先指定具体的类型,而在使用的时候再指定类型的一种特性