TypeScript

TypeScript 定义及作用

简单理解ts就是就是静态类型及加强版js。作用就是将js这个动态类型的语言使用静态类型的写法去写。(最最基础的理解，当然不止这些)

Ts的优点

可以在开发阶段发现各种错误，省去了大部分简单错误造成的bug，而且Ts语法检查也具有优势，可以在编写代码时直接发现错误并给出解决方法或建议。(附图如下)

运行Ts的方式

1. 在线编辑器

   1. Playcode.io: 可以直接运行Ts代码，速度快。 (收费)
   2. Stackblitz.com: 相当于网页版vscode

2. 本地运行

   1. 使用vite运行Ts: 可以直接看vite官网(推荐)
   2. 使用esno运行Ts: 一种基于node实现的插件，可以快速运行(使用方法可看 www.npmjs.com/package/esn…)
   3. 通用方法: 可以先将ts代码转化为js代码，然后在node或浏览器中运行。通过Ts自带的tsc 编译为js。(推荐像我这样的新手使用，因为它是官方推出的，而且会对类型进行检查，具体用法参考 typescript.bootcss.com/tutorials/t… 注：运行Ts的方式很多，这里只是列举了几项，有运行更快的方案如esbuild，但它没有类型检查，可能不利于新手学习。也有天生支持Ts运行的如Deno(一个node的升级版本),因为使用人较少也没推荐。对其他方案有兴趣的可以自己查找。

调试代码

跟js代码调试不同，Ts代码在编写时就已经对错误进行检查，所以只需要在编写代码时用鼠标悬浮在错误代码上就可发现错误，如上图。