TypeScript 的发展与基本语法 | 青训营笔记

83 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第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版本发布

    1. TypeScript 优势解读
      TypeScript是源于JavaScript,JavaScript是动态类型、弱类型语言,TypeScript是静态类型、弱类型语言。动态类型的语言是在执行的时候才会进行类型匹配,而静态类型的语言是在编译的时候进行的类型匹配。所以TypeScript的可读性增强,可维护性也增强了(在编译阶段就暴露了大部分错误),在多人合作的大型项目中,可以获得更好的稳定性和开发效率,并且TypeScript也是JavaScript的超集,它包含于兼容所有JS特性,支持共存,还支持渐进式引入与升级。
  • TypeScript 基本语法

1.基础数据类型
在JS当中在编译阶段是没有非常明确类型匹配的,一个未知量可以是数字、字符串、布尔值,也可以是null、undefined,在编译阶段,一个未知量X一开始是数字类型,后面也可以赋任何类型的量给X,但是在TS当中一开始给X赋的是数字类型的量,那么后面改变X的值的时候,改变的值只能是数字类型的,不能赋其他类型的值。更加生动的图示看下方:(左方是JS,右方是TS) image.png

2.对象类型

image.png

3.对象类型
为函数声明类型有两种方式,第一种方式是直接在函数上进行类型的补充,第二种是给函数变量进行类型声明 image.png

4.函数重载

image.png

5.数组类型

image.png

6.补充类型
TypeScript对于js来说还有补充类型,就是空类型(表示无赋值),任意类型(是所有类型的子类型)以及枚举类型(支持枚举值到枚举名的正、反向映射)

image.png

7.泛型
泛型是不预先指定具体的类型,而在使用的时候再指定类型的一种特性

image.png

image.png