遷移至TypeScript之體會

李潔

摘 ?要：JavaScript作為網站開發技術的必備語言最近發展迅猛，TypeScript的出現可能是一種更好的選擇。本文對以上兩種語言進行了比較，并且給出了自己的觀點。

關鍵詞：JavaScript;TypeScript

1 BS架構應用程序概述

由于BS架構應用程序具有跨平臺性的優點，一直備受用戶和開發者的喜愛，移動互聯網技術的發展，更是促使著該領域的發展。通過招聘網站的信息可以看出該領域發展迅猛，從以前的網站開發職位，細分到網站前端工程師、服務器端工程師和全棧工程師等。

2 JavaScript應用領域

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

JS絕對是現代網站前端開發的最流行的腳本語言，國內外互聯網軟件公司都爭相招聘JS工程師。jQuery、Vue、Angular等第三方JS庫，使的JS應用生態更加良好。HTML5帶來的新特性，更為JS帶來諸多用武之地。

網站服務器端主流開發技術有PHP、JSP等，但是隨著JS的發展，JS不但可以開發前端應用程序，服務器端應用程序也可以用其進行開發，主要代表有Node。

在安卓和iOS等移動端開發領域，JS也有如Cordova等接口庫來進行軟件開發。

3 TypeScript語言

TypeScript是一種開源的編程語言（以下簡稱TS），該語言項目由微軟進行維護和管理。TS不僅包含JS的語法，而且還提供了靜態類型檢查以及使用看起來像面向對象編程語法操作原型。TS是為開發大型應用而設計的，并且TS可轉譯成JS。由于TS是JS的超集，任何現有的JS程序都是合法的TS程序。TS類似于強類型的JS。它添加了大部分開發人員期望強類型語言的功能，雖然瀏覽器無法解析TS，但是，TS可以通過編譯轉換為JS。從技術上講，TS并沒有添加任何新的運行時功能。

社區里經常聽到開發者沒有使用TS就在那抱怨其不好，主要是由于為了實現相同的功能而要另外學習一門新的語言，感覺得不償失。但是使用TS不僅是語言的優點，還有構建過程。目前，大多數現代網站應用在其構建鏈中至少有一個以Babel[1]的形式保留給JS。

下面將分析TS優缺點，從而決定是否要使用TS。

雖然，社區一些開發者在那抱怨TS，但是也有許多使用過TS的開發者表示仍然會繼續使用TS進行開發。其實使用TS多帶來的好處遠大于缺點。具體優點有：TS的編譯步驟意味著您可以及早發現問題，而不必等待運行時失敗;現代IDE可以在編譯步驟之前就提示錯誤;當ES6中提出新功能時，TS可以盡早采用它們，從而使您始終處于技術最前沿。

但實際上，TS最主要好處是可以使您的代碼能夠進行自描述，而JS無法做到這一點?？赡軗为毩㈤_發項目，JS并不會顯得那么糟糕，因為對于獨立開發人員來說，所有代碼和應用邏輯都十分了解。但是，即使作為唯一的開發人員，在編寫代碼時也容易忘記代碼。比如，當編寫普通的JS時，因為忘記函數返回值或它接受什么樣的參數，有時不得不去閱讀函數定義以弄清楚如何使用它。

一些公司有相互關聯的項目生態系統，它們共享相同的代碼庫。使用TS有助于他們做出API設計變更。做出API變更的開發人員需要確保他們的變更不會破壞其他依賴于這些庫的項目。TS為這個非常有限的TS用戶子集節省大量的時間。

這就是TS的優雅之處。它并不會迫使您成為一名優秀的開發人員，但它卻為您提供了實現此目標的特性。

TS當然也存在缺點。有些開發者抱怨TS沒有JS的代碼錄入效率高，因為TS定義每個新函數或變量還要輸入類型，顯然沒有弱類型的JS輸入更方便;還有開發者抱怨TS，由于必須編譯代碼，因此每次更新和測試運行都將花費一點時間，但是編譯代碼所花費的時間，對一個功能完善的應用程序來說是微不足道的，在使用TS開發，只在調試環節，其排錯功能所節省的時間，都會遠超過編譯所花費的時間;在構建復雜的項目時，如果不熟悉構建工具，則設置新項目可能會一件讓人頭大事情。

所以，只從單方面的看一個語言的優缺點，難免有失偏頗。我們要從軟件開發、調試、發布和維護的整個流程來驗證一個程序語言是否高雅。

4 TypeScript使用的統計數據

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

5展望

TS短期內不會取代JS。掌握TS可使JS發揮更大的作用。TS不會在任何瀏覽器中原生運行。TS不是根本改變JS，而是自然的演變。

TS不僅使具有JS基礎的開發者學習變得更容易，而且JS項目轉換為TS會使項目開發提高一個層次。首先將后綴為.ts。這樣就成為一個TS項目。然后，就可使用TS所有功能了。雖然，完全掌握TS不是一件簡單事情，但是它絕對會給您帶來開發JS項目從未有過的快感。

參考文獻

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

[2] ?StackOverflow. 2019年開發人員調查[EB/OL]. https：//insights.stackoverflow.com/survey/2019