引言
近期在寫一篇前后端結(jié)合的Demo舍悯，但是遇到了不小的麻煩。對于前端框架睡雇，發(fā)現(xiàn)知之甚少萌衬。因此，單獨(dú)開個文集專門記錄下前端的那些事它抱。本文集主旨在于熟悉前端框架并快速入手秕豫。我現(xiàn)在是想入手AngularJS和Angular4，因此我們先從腳本語言選擇開始吧观蓄！
正文
TypeScript和 JavaScript是目前項目開發(fā)中較為流行的兩種腳本語言混移，我們已經(jīng)熟知 TypeScript是 JavaScript的一個超集，但是 TypeScript 與 JavaScript 之間又有什么樣的區(qū)別呢侮穿？在選擇開發(fā)語言時歌径，又該如何抉擇呢？
本文將會深入對比這兩種語言亲茅，討論兩種語言之間的關(guān)聯(lián)和差異回铛，并概述兩種語言各自的優(yōu)勢。
JavaScript 和 TypeScript 的概要介紹
JavaScript
JavaScript 是一種輕量級的解釋性腳本語言克锣，可嵌入到 HTML 頁面中茵肃，在瀏覽器端執(zhí)行，能夠?qū)崿F(xiàn)瀏覽器端豐富的交互功能袭祟，為用戶帶來流暢多樣的用戶體驗验残。
JavaScript 是基于對象和事件驅(qū)動的，無需特定的語言環(huán)境巾乳，只需在支持的瀏覽器上就能運(yùn)行您没。
JavaScript 語言具有以下特點(diǎn)：
JavaScript 是一種腳本編寫語言，無需編譯胆绊，只要嵌入 HTML 代碼中氨鹏，就能由瀏覽器逐行加載解釋執(zhí)行。
JavaScript 是一種基于對象的語言辑舷，可以創(chuàng)建對象同時使用現(xiàn)有對象喻犁。但是 Javascript 并不支持其它面向?qū)ο笳Z言所具有的繼承和重載功能。
JavaScript 的語法簡單，使用的變量為弱類型肢础。
JavaScript 語言較為安全还栓，僅在瀏覽器端執(zhí)行，不會訪問本地硬盤數(shù)據(jù)传轰。
JavaScript 語言具有動態(tài)性剩盒。JavaScript 是事件驅(qū)動的，只根據(jù)用戶的操作做出相應(yīng)的反應(yīng)處理慨蛙。
JavaScript 只依賴于瀏覽器辽聊，與操作系統(tǒng)的因素?zé)o關(guān)。因此 JavaScript 是一種跨平臺的語言期贫。
JavaScript 兼容性較好跟匆，能夠與其他技術(shù)（如 XML，REST API 等）一起使用通砍。
TypeScript
TypeScript 是 Microsoft 開發(fā)和維護(hù)的一種面向?qū)ο蟮木幊陶Z言玛臂。它是 JavaScript 的超集，包含了 JavaScript 的所有元素封孙，可以載入 JavaScript 代碼運(yùn)行迹冤，并擴(kuò)展了 JavaScript 的語法。
TypeScript 具有以下特點(diǎn)：
- TypeScript 是 Microsoft 推出的開源語言虎忌，使用 Apache 授權(quán)協(xié)議
- TypeScript 增加了靜態(tài)類型泡徙、類、模塊膜蠢、接口和類型注解
- TypeScript 可用于開發(fā)大型的應(yīng)用
- TypeScript 易學(xué)易于理解
JavaScript 和 TypeScript 的主要差異
TypeScript 可以使用 JavaScript 中的所有代碼和編碼概念堪藐，TypeScript 是為了使 JavaScript 的開發(fā)變得更加容易而創(chuàng)建的。例如狡蝶，TypeScript 使用類型和接口等概念來描述正在使用的數(shù)據(jù)庶橱，這使開發(fā)人員能夠快速檢測錯誤并調(diào)試應(yīng)用程序
TypeScript 從核心語言方面和類概念的模塑方面對 JavaScript 對象模型進(jìn)行擴(kuò)展贮勃。
JavaScript 代碼可以在無需任何修改的情況下與 TypeScript 一同工作贪惹，同時可以使用編譯器將 TypeScript 代碼轉(zhuǎn)換為 JavaScript。
TypeScript 通過類型注解提供編譯時的靜態(tài)類型檢查寂嘉。
TypeScript 中的數(shù)據(jù)要求帶有明確的類型奏瞬，JavaScript不要求。
TypeScript 為函數(shù)提供了缺省參數(shù)值泉孩。
TypeScript 引入了 JavaScript 中沒有的“類”概念硼端。
TypeScript 中引入了模塊的概念，可以把聲明寓搬、數(shù)據(jù)珍昨、函數(shù)和類封裝在模塊中。
TypeScript 的優(yōu)勢
下面列舉 TypeScript 相比于 JavaScript 的顯著優(yōu)勢：
1. 靜態(tài)輸入
靜態(tài)類型化是一種功能，可以在開發(fā)人員編寫腳本時檢測錯誤镣典。查找并修復(fù)錯誤是當(dāng)今開發(fā)團(tuán)隊的迫切需求兔毙。有了這項功能，就會允許開發(fā)人員編寫更健壯的代碼并對其進(jìn)行維護(hù)兄春，以便使得代碼質(zhì)量更好澎剥、更清晰。
2. 大型的開發(fā)項目
有時為了改進(jìn)開發(fā)項目赶舆，需要對代碼庫進(jìn)行小的增量更改哑姚。這些小小的變化可能會產(chǎn)生嚴(yán)重的、意想不到的后果芜茵，因此有必要撤銷這些變化叙量。使用TypeScript工具來進(jìn)行重構(gòu)更變的容易、快捷九串。
3. 更好的協(xié)作
當(dāng)開發(fā)大型項目時宛乃，會有許多開發(fā)人員，此時亂碼和錯誤的機(jī)也會增加蒸辆。類型安全是一種在編碼期間檢測錯誤的功能征炼，而不是在編譯項目時檢測錯誤。這為開發(fā)團(tuán)隊創(chuàng)建了一個更高效的編碼和調(diào)試過程躬贡。
4. 更強(qiáng)的生產(chǎn)力
干凈的 ECMAScript 6 代碼谆奥，自動完成和動態(tài)輸入等因素有助于提高開發(fā)人員的工作效率。這些功能也有助于編譯器創(chuàng)建優(yōu)化的代碼拂玻。
JavaScript 的優(yōu)勢
相比于 TypeScript酸些，JavaScript 也有一些明顯優(yōu)勢。
1. 人氣
JavaScript 的開發(fā)者社區(qū)仍然是巨大而活躍的檐蚜，在社區(qū)中可以很方便地找到大量成熟的開發(fā)項目和可用資源魄懂。
2. 學(xué)習(xí)曲線
由于 JavaScript 語言發(fā)展的較早，也較為成熟闯第，所以仍有一大批開發(fā)人員堅持使用他們熟悉的腳本語言 JavaScript市栗，而不是學(xué)習(xí) TypeScript。
3. 本地瀏覽器支持
TypeScript 代碼需要被編譯（輸出 JavaScript 代碼）咳短，這是 TypeScript 代碼執(zhí)行時的一個額外的步驟填帽。
4. 不需要注釋
為了充分利用 TypeScript 特性，開發(fā)人員需要不斷注釋他們的代碼咙好，這可能會使項目效率降低篡腌。
5. 靈活性
有些開發(fā)人員更喜歡 JavaScript 的靈活性。
如何抉擇
TypeScript 正在成為開發(fā)大型編碼項目的有力工具勾效。因為其面向?qū)ο缶幊陶Z言的結(jié)構(gòu)保持了代碼的清潔嘹悼、一致和簡單的調(diào)試叛甫。因此在應(yīng)對大型開發(fā)項目時，使用 TypeScript 更加合適杨伙。如果有一個相對較小的編碼項目合溺，似乎沒有必要使用 TypeScript，只需使用靈活的 JavaScript 即可缀台。
