更新時(shí)間:2022-11-22 來(lái)源:黑馬程序員 瀏覽量:
TypeScript是微軟開(kāi)發(fā)的開(kāi)源編程語(yǔ)言,設(shè)計(jì)目標(biāo)是開(kāi)發(fā)大型應(yīng)用。 可以在任何瀏覽器、任何計(jì)算機(jī)、任何操作系統(tǒng)上運(yùn)行。 它是 JS 的超集,為 JS 添加了類(lèi)型系統(tǒng)。相比 JS,開(kāi)發(fā)體驗(yàn) 更友好,提前發(fā)現(xiàn)錯(cuò)誤,Bug更少,增加開(kāi)發(fā)的幸福度。
但注意瀏覽器是無(wú)法直接運(yùn)行TS的,因此,需要將 TS 轉(zhuǎn)化為 JS 然后再運(yùn)行。本節(jié)我們就來(lái)講解瀏覽器中運(yùn)行 TS 的步驟。
第一步:使用命令 tsc index.ts 將 ts 文件轉(zhuǎn)化為 js 文件。
第二步:在頁(yè)面中,使用 script 標(biāo)簽引入生成的 js 文件(注意是 js 文件),具體實(shí)現(xiàn)代碼如下:
<script src="./index.js"></script>
通過(guò)script 標(biāo)簽引入生成的 js 文件很方便,但有一個(gè)很大的問(wèn)題,每次修改 ts 文件后,都要重新運(yùn)行 tsc 命令將 ts 轉(zhuǎn)化為 js 。通常我們可以使用 tsc 命令的監(jiān)視模式,解決這個(gè)問(wèn)題。
tsc --watch index.ts
注意: --watch 表示啟用監(jiān)視模式,只要重新保存了 ts 文件,就會(huì)自動(dòng)調(diào)用 tsc 將 ts 轉(zhuǎn)化為 js。