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

前面学习了字节跳动资深程序员讲授的前端三件套，即html，css和JavaScript，今天学习的是林皇老师带来的TypeScript，通过视频课程和查阅相关资料得知，TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成，它是JavaScript的一个超集，支持 ECMAScript 6 标准，也就是我们常说的ES6，TypeScript 设计初衷是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。

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是一门静态类型的语言，其好处有：

可读性增强，基于语法解析TSDoc,ide增强

可维护性增强，在编译阶段暴露大部分错误

从而导致多人合作的大型项目中，获得更好的稳定性和开发效率

其包含于兼容所有js特性，支持共存

支持渐进式引入与升级

TypeScript与JavaScript基础数据类型对比

JavaScript数据类型

/*字符串*/
const q ='string';

/*数字*/
const w =1;

/*布尔值*/
const e =true;

/*null*/
const r =null;

/undefined *
const t =undefined;

TypeScript数据类型

/*字符串*/
const q:string ='string';

/*数字*/
const w:number =1;

/*布尔值*/
const e:boolean=true;

/*nul1*/
const r:null=null;

/undefined *
const t:undefined =undefined;

相关工具

此外林皇老师还推荐了vscode和webpack两个工具，因为TypeScript是微软公司开发的，所以它对vscode的适配也是很好的，在日常开发中建议使用VSCOde，而webpack是开发工程中常用的一个工具，推荐大家使用，