教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

TypeScript是什么？怎樣在瀏覽器中運(yùn)行TS？

更新時(shí)間:2022年11月03日15時(shí)27分 來(lái)源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

TypeScript是微軟開(kāi)發(fā)的開(kāi)源編程語(yǔ)言，設(shè)計(jì)目標(biāo)是開(kāi)發(fā)大型應(yīng)用。 可以在任何瀏覽器、任何計(jì)算機(jī)、任何操作系統(tǒng)上運(yùn)行。 它是 JS 的超集，為 JS 添加了類型系統(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。

0 分享到：
和我們?cè)诰€交談！