由微软推出的TypeScript自从一推出就广受关注，现在无论开发前端React/Vue，还是后端API，很多项目中都广泛接受了TypeScript。下面介绍如何在Web应用中使用TypeScript。
TypeScript
环境配置
在当前目录下创建两个文件：index.html和app.ts.
app.ts
TypeScript
// TS代码index.html
markup
HTML代码
<script src='app.js'/>VS Code插件Live Server
安装这个插件，就可以在本地预览index.html的效果。
即时编译
运行如下命令以确保能够及时编译app.ts:
bash
tsc app.ts -w强制声明
如果使用如下代码：
TypeScript
const aTag = document.querySelector("a");
console.log(aTag.href);TS会在aTag下标红，显示aTag有可能为空值，因此不能保证一定能够访问href属性。这种情况下可以强制声明aTag肯定不为空：
TypeScript
const aTag = document.querySelector("a")!;造型casting
如果通过如下方式来访问HTML页面中的form元素，TS就能推断出其类型为HTMLFormElement，因此就可以直接通过regForm.xxx来访问HTMLFormElement的相关属性和方法：
TypeScript
const regForm = document.querySelector('form')!;
console.log(regForm.children);但如果通过类选择器来定位HTML元素的话，TS就无法推断出其返回元素类型，进而无法使用HTMLFormElement特有的相关属性/方法。比如：如下代码会报错：
TypeScript
const regForm = document.querySelector('.regform')!;
console.log(regForm.onsubmit);这时，如果开发人员确信返回的元素类型，可以通过造型的方式来声明具体类型：
TypeScript
const regForm = document.querySelector('.regform') as HTMLFormElement;
console.log(regForm.onsubmit);添加表单的事件监听器：
TypeScript
regForm.addEventListener('submit', (e: Event) => {
e.preventDefault();
// ...
});
