「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」

TypeScript是JavaScript类型的超集

很早之前就想进行学习typescript，因为各种原因延迟了计划，一直听说ts特别好，Vue3也已经全部使用TypeScript对源代码进行重写。百闻不如一见，对于这个神奇的ts我比较好奇，于是抽了个时间开始他的学习过程。官网有这么一句话：TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。对于超集这个词刚开始不是特别理解，后面我看到这样一张图，我就理解了。

Typescript可以在浏览器运行吗

我觉得在时间不做限制的情况下，比较好的学习方式之一就是看看别人的教程。所以我选择了跟着大神的视频进行学习，他说ts不能直接在浏览器运行，需要转换成JavaScript。

我在掘金搜了一下“typescript可以在浏览器运行吗”，结果没看到什么具体对这个进行讲解的文章，然后我就百度了一下，知乎上有人对他进行了源码分析，这个没仔细研究，别人的博客见解你可以在浏览器中直接运行 TypeScript 吗？讲的还不错。

大概意思总结一下就是一句话：大多数现代 Web 浏览器都支持在各种版本的 ECMAScript 中定义的某些功能，这是 JavaScript 标准定义，可帮助确保浏览器以类似方式处理代码，但是由于 TypeScript 是 JavaScript 的超集并且支持更多功能，因此浏览器并不直接支持 TypeScript。如果想了解更多可以看看别人原文，别人说的挺多的。后面有时间可以花点时间好好研究一下，然后写一篇分析。

安装TypeScript与编译TS文件

使用npm进行全局安装：

 npm install -g typescript

编译ts文件

tsc 文件名                    例如：tsc hollow.ts

输出结果为一个文件名.js文件，它包含了和输入文件中相同的JavsScript编译代码。 例如： TypeScript文件内容：

let strHollow:string = "hollow TS"
console.log(strHollow);

JavaScript文件内容：

"use strict";
let strHollow = "Hollow TS";
console.log(strHollow);