携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第29天，点击查看活动详情
前言
大家好呀，我是L同学。在上篇文章微信小程序笔记（八）中，我们学习了微信小程序的相关知识点，包括小程序的WXS基本用法、表单组件、提交表单、创建自定义组件、调用自定义组件等相关知识点。在本篇文章中，我们将学习TypeScript的相关知识点，包括TypeScript是什么、TypeScript 相比 JS 的优势。
TypeScript介绍
TypeScript简称：TS，是 JavaScript 的超集，简单来说就是JS 有的 TS 都有。TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。
为什么需要有typescript呢？JS是弱类型语言，JS的类型系统存在“先天缺陷”，并且JS 代码中绝大部分错误都是类型错误（Uncaught TypeError） 。这些经常出现的错误，导致了在使用 JS 进行项目开发时，增加了找 Bug、改 Bug 的时间，严重影响开发效率。
从编程语言的动静来区分，TypeScript 属于静态类型的编程语言，JavaScript 属于动态类型的编程语言。
代码编译和代码执行的顺序：1 编译 2 执行。
- 静态类型：编译期做类型检查。
- 动态类型：执行期做类型检查。
对于 JS 来说：需要等到代码真正去执行的时候才能发现错误（晚）。对于 TS 来说：在代码编译的时候（代码执行前）就可以发现错误（早）。并且，配合 VSCode 等开发工具，TS 可以提前到在编写代码的同时就发现代码中的错误，减少找 Bug、改 Bug 时间。
JS和TS的对比：
- 使用 JS：
- 在 VSCode 里面写代码
- 在浏览器中运行代码 --> 运行时，才会发现错误【晚】
- 使用 TS：
- 在 VSCode 里面写代码 --> 写代码的同时，就会发现错误【早】
- 在浏览器中运行代码
TypeScript 相比 JS 的优势
TypeScript 相比 JS 的优势在于：
- 更早（写代码的同时）发现错误，减少找 Bug、改 Bug 时间，提升开发效率。
- 程序中任何位置的代码都有代码提示，随时随地的安全感，增强了开发体验。
- 强大的类型系统提升了代码的可维护性，使得重构代码更加容易。
- 支持最新的 ECMAScript 语法，优先体验最新的语法，让你走在前端技术的最前沿 。
- TS 类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了学习负担。
除此之外，Vue 3 源码使用 TS 重写、Angular 默认支持 TS、React 与 TS 完美配合，TypeScript 已成为大中型前端 项目的首选编程语言。
