遷移至TypeScript之體會(huì)

李潔

摘 ?要：JavaScript作為網(wǎng)站開發(fā)技術(shù)的必備語言最近發(fā)展迅猛，TypeScript的出現(xiàn)可能是一種更好的選擇。本文對(duì)以上兩種語言進(jìn)行了比較，并且給出了自己的觀點(diǎn)。

關(guān)鍵詞：JavaScript;TypeScript

1 BS架構(gòu)應(yīng)用程序概述

由于BS架構(gòu)應(yīng)用程序具有跨平臺(tái)性的優(yōu)點(diǎn)，一直備受用戶和開發(fā)者的喜愛，移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，更是促使著該領(lǐng)域的發(fā)展。通過招聘網(wǎng)站的信息可以看出該領(lǐng)域發(fā)展迅猛，從以前的網(wǎng)站開發(fā)職位，細(xì)分到網(wǎng)站前端工程師、服務(wù)器端工程師和全棧工程師等。

2 JavaScript應(yīng)用領(lǐng)域

JavaScript作為一門語言（以下簡(jiǎn)稱JS），主要應(yīng)用在網(wǎng)站前端。其特點(diǎn)為小巧、易學(xué)，并且易操作DOM，以前的網(wǎng)站工程師一直將其作為提升用戶體驗(yàn)的腳本。直到2005年，谷歌公司利用AJAX技術(shù)實(shí)現(xiàn)了異步通訊，這使得人們認(rèn)識(shí)到JS的威力。隨著項(xiàng)目需求的發(fā)展，為了使JS能夠開發(fā)出大型、復(fù)雜的企業(yè)級(jí)應(yīng)用程序，2015年發(fā)布了JS發(fā)布了新的ES6標(biāo)準(zhǔn)。JS這時(shí)可謂如日中天，勢(shì)頭正旺。

JS絕對(duì)是現(xiàn)代網(wǎng)站前端開發(fā)的最流行的腳本語言，國內(nèi)外互聯(lián)網(wǎng)軟件公司都爭(zhēng)相招聘JS工程師。jQuery、Vue、Angular等第三方JS庫，使的JS應(yīng)用生態(tài)更加良好。HTML5帶來的新特性，更為JS帶來諸多用武之地。

網(wǎng)站服務(wù)器端主流開發(fā)技術(shù)有PHP、JSP等，但是隨著JS的發(fā)展，JS不但可以開發(fā)前端應(yīng)用程序，服務(wù)器端應(yīng)用程序也可以用其進(jìn)行開發(fā)，主要代表有Node。

在安卓和iOS等移動(dòng)端開發(fā)領(lǐng)域，JS也有如Cordova等接口庫來進(jìn)行軟件開發(fā)。

3 TypeScript語言

TypeScript是一種開源的編程語言（以下簡(jiǎn)稱TS），該語言項(xiàng)目由微軟進(jìn)行維護(hù)和管理。TS不僅包含JS的語法，而且還提供了靜態(tài)類型檢查以及使用看起來像面向?qū)ο缶幊陶Z法操作原型。TS是為開發(fā)大型應(yīng)用而設(shè)計(jì)的，并且TS可轉(zhuǎn)譯成JS。由于TS是JS的超集，任何現(xiàn)有的JS程序都是合法的TS程序。TS類似于強(qiáng)類型的JS。它添加了大部分開發(fā)人員期望強(qiáng)類型語言的功能，雖然瀏覽器無法解析TS，但是，TS可以通過編譯轉(zhuǎn)換為JS。從技術(shù)上講，TS并沒有添加任何新的運(yùn)行時(shí)功能。

社區(qū)里經(jīng)常聽到開發(fā)者沒有使用TS就在那抱怨其不好，主要是由于為了實(shí)現(xiàn)相同的功能而要另外學(xué)習(xí)一門新的語言，感覺得不償失。但是使用TS不僅是語言的優(yōu)點(diǎn)，還有構(gòu)建過程。目前，大多數(shù)現(xiàn)代網(wǎng)站應(yīng)用在其構(gòu)建鏈中至少有一個(gè)以Babel[1]的形式保留給JS。

下面將分析TS優(yōu)缺點(diǎn)，從而決定是否要使用TS。

雖然，社區(qū)一些開發(fā)者在那抱怨TS，但是也有許多使用過TS的開發(fā)者表示仍然會(huì)繼續(xù)使用TS進(jìn)行開發(fā)。其實(shí)使用TS多帶來的好處遠(yuǎn)大于缺點(diǎn)。具體優(yōu)點(diǎn)有：TS的編譯步驟意味著您可以及早發(fā)現(xiàn)問題，而不必等待運(yùn)行時(shí)失敗;現(xiàn)代IDE可以在編譯步驟之前就提示錯(cuò)誤;當(dāng)ES6中提出新功能時(shí)，TS可以盡早采用它們，從而使您始終處于技術(shù)最前沿。

但實(shí)際上，TS最主要好處是可以使您的代碼能夠進(jìn)行自描述，而JS無法做到這一點(diǎn)。可能擔(dān)任獨(dú)立開發(fā)項(xiàng)目，JS并不會(huì)顯得那么糟糕，因?yàn)閷?duì)于獨(dú)立開發(fā)人員來說，所有代碼和應(yīng)用邏輯都十分了解。但是，即使作為唯一的開發(fā)人員，在編寫代碼時(shí)也容易忘記代碼。比如，當(dāng)編寫普通的JS時(shí)，因?yàn)橥浐瘮?shù)返回值或它接受什么樣的參數(shù)，有時(shí)不得不去閱讀函數(shù)定義以弄清楚如何使用它。

一些公司有相互關(guān)聯(lián)的項(xiàng)目生態(tài)系統(tǒng)，它們共享相同的代碼庫。使用TS有助于他們做出API設(shè)計(jì)變更。做出API變更的開發(fā)人員需要確保他們的變更不會(huì)破壞其他依賴于這些庫的項(xiàng)目。TS為這個(gè)非常有限的TS用戶子集節(jié)省大量的時(shí)間。

這就是TS的優(yōu)雅之處。它并不會(huì)迫使您成為一名優(yōu)秀的開發(fā)人員，但它卻為您提供了實(shí)現(xiàn)此目標(biāo)的特性。

TS當(dāng)然也存在缺點(diǎn)。有些開發(fā)者抱怨TS沒有JS的代碼錄入效率高，因?yàn)門S定義每個(gè)新函數(shù)或變量還要輸入類型，顯然沒有弱類型的JS輸入更方便;還有開發(fā)者抱怨TS，由于必須編譯代碼，因此每次更新和測(cè)試運(yùn)行都將花費(fèi)一點(diǎn)時(shí)間，但是編譯代碼所花費(fèi)的時(shí)間，對(duì)一個(gè)功能完善的應(yīng)用程序來說是微不足道的，在使用TS開發(fā)，只在調(diào)試環(huán)節(jié)，其排錯(cuò)功能所節(jié)省的時(shí)間，都會(huì)遠(yuǎn)超過編譯所花費(fèi)的時(shí)間;在構(gòu)建復(fù)雜的項(xiàng)目時(shí)，如果不熟悉構(gòu)建工具，則設(shè)置新項(xiàng)目可能會(huì)一件讓人頭大事情。

所以，只從單方面的看一個(gè)語言的優(yōu)缺點(diǎn)，難免有失偏頗。我們要從軟件開發(fā)、調(diào)試、發(fā)布和維護(hù)的整個(gè)流程來驗(yàn)證一個(gè)程序語言是否高雅。

4 TypeScript使用的統(tǒng)計(jì)數(shù)據(jù)

StackOverflow是一個(gè)與程序相關(guān)的IT技術(shù)問答的國際流行網(wǎng)站。到2010年年末，其月度獨(dú)立訪客超過1600萬，每月瀏覽量超過7200萬。根據(jù)2019年開發(fā)人員調(diào)查[2]，JS連續(xù)第七年成為該網(wǎng)站上討論最多的語言，有67.8%的受訪者使用它。TS為21.2%，排名第十。然而，在2018年，TS的比例為17.4%，而2017年僅為9.5%，2016年，只有0.47%的受訪者使用TS。所以，可以看出TS有了驚人的增長(zhǎng)。雖然，TS這一增長(zhǎng)在很大程度上要?dú)w功于Angular框架，該框架在早期就放棄了JS支持，但是，Angular為什么放棄JS而選擇擁抱TS呢？當(dāng)查看最喜歡的語言時(shí)，TS表現(xiàn)得更好，它在Rust和Python之后排在第三位（73.1%）。JS排名第11（66.8%）。

5展望

TS短期內(nèi)不會(huì)取代JS。掌握TS可使JS發(fā)揮更大的作用。TS不會(huì)在任何瀏覽器中原生運(yùn)行。TS不是根本改變JS，而是自然的演變。

TS不僅使具有JS基礎(chǔ)的開發(fā)者學(xué)習(xí)變得更容易，而且JS項(xiàng)目轉(zhuǎn)換為TS會(huì)使項(xiàng)目開發(fā)提高一個(gè)層次。首先將后綴為.ts。這樣就成為一個(gè)TS項(xiàng)目。然后，就可使用TS所有功能了。雖然，完全掌握TS不是一件簡(jiǎn)單事情，但是它絕對(duì)會(huì)給您帶來開發(fā)JS項(xiàng)目從未有過的快感。

參考文獻(xiàn)

[1] ?Bable中文網(wǎng). Babel是什么[EB/OL] . https：//www.babeljs.cn/docs

[2] ?StackOverflow. 2019年開發(fā)人員調(diào)查[EB/OL]. https：//insights.stackoverflow.com/survey/2019