TypeScript入门 | 青训营笔记

这是我参与「第五届青训营 」笔记创作活动的第4天

重点内容介绍：

• 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？

JS（动态类型）

• 包含于兼容所有Js特性，支持共存
• 支持渐进式引入与升级

TS（静态类型）

• 可读性增强：基于语法解析TSDoc，ide增强
• 可维护性增强：在编译阶段暴露大部分错误----多人合作的大型项目中，获得更好的稳定性和开发效率

TypeScript的基本语法

• 字符串
  const q='string';
  const q:string='string';
• 数字
  const w=1;
  const w:number=1;
• 布尔值
  const e=true;
  const e:boolean=true;
• null
  const r=null;
  const r:null=null;
• undefined
  const t=undefined;
  const t:undefined=undefined;

TypeScript的工程应用

Web

• 配置webapack loader相关配置
• 配置tsconfig.js文件
• 运行webapack启动/打包
• loader处理ts文件时，会进行编译与类型检查

Node

• 安装Node与npm
• 配置tsconfig.js文件
• 使用npm安装tsc
• 使用tsc运行编译得到js文件

5、小结

通过本节课的学习，让我了解了什么是TypeScript，了解了typeScript的基本语法。