2021-4-23 前端達人
TypeScript 和 JavaScript 是目前項目開發(fā)中較為流行的兩種腳本語言，我們已經(jīng)熟知 TypeScript 是 JavaScript 的一個超集，但是 TypeScript 與 JavaScript 之間又有什么樣的區(qū)別呢？在選擇開發(fā)語言時，又該如何抉擇呢？
本文將會深入對比這兩種語言，討論兩種語言之間的關聯(lián)和差異，并概述兩種語言各自的優(yōu)勢。
JavaScript 是一種輕量級的解釋性腳本語言，可嵌入到 HTML 頁面中，在瀏覽器端執(zhí)行，能夠?qū)崿F(xiàn)瀏覽器端豐富的交互功能，為用戶帶來流暢多樣的用戶體驗。
JavaScript 是基于對象和事件驅(qū)動的，無需特定的語言環(huán)境，只需在支持的瀏覽器上就能運行。
JavaScript 語言具有以下特點：
JavaScript 是一種腳本編寫語言，無需編譯，只要嵌入 HTML 代碼中，就能由瀏覽器逐行加載解釋執(zhí)行。
JavaScript 是一種基于對象的語言，可以創(chuàng)建對象同時使用現(xiàn)有對象。但是 Javascript 并不支持其它面向?qū)ο笳Z言所具有的繼承和重載功能。
JavaScript 的語法簡單，使用的變量為弱類型。
JavaScript 語言較為安全，僅在瀏覽器端執(zhí)行，不會訪問本地硬盤數(shù)據(jù)。
JavaScript 語言具有動態(tài)性。JavaScript 是事件驅(qū)動的，只根據(jù)用戶的操作做出相應的反應處理。
JavaScript 只依賴于瀏覽器，與操作系統(tǒng)的因素無關。因此 JavaScript 是一種跨平臺的語言。
JavaScript 兼容性較好，能夠與其他技術（如 XML，REST API 等）一起使用。
TypeScript
TypeScript 是 Microsoft 開發(fā)和維護的一種面向?qū)ο蟮木幊陶Z言。它是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以載入 JavaScript 代碼運行，并擴展了 JavaScript 的語法。
TypeScript 具有以下特點：
TypeScript 是 Microsoft 推出的開源語言，使用 Apache 授權協(xié)議
TypeScript 增加了靜態(tài)類型、類、模塊、接口和類型注解
TypeScript 可用于開發(fā)大型的應用
TypeScript 易學易于理解
TypeScript 可以使用 JavaScript 中的所有代碼和編碼概念，TypeScript 是為了使 JavaScript 的開發(fā)變得更加容易而創(chuàng)建的。例如，TypeScript 使用類型和接口等概念來描述正在使用的數(shù)據(jù)，這使開發(fā)人員能夠快速檢測錯誤并調(diào)試應用程序
TypeScript 從核心語言方面和類概念的模塑方面對 JavaScript 對象模型進行擴展。
JavaScript 代碼可以在無需任何修改的情況下與 TypeScript 一同工作，同時可以使用編譯器將 TypeScript 代碼轉換為 JavaScript。
TypeScript 通過類型注解提供編譯時的靜態(tài)類型檢查。
TypeScript 中的數(shù)據(jù)要求帶有明確的類型，JavaScript不要求。
TypeScript 為函數(shù)提供了缺省參數(shù)值。
TypeScript 引入了 JavaScript 中沒有的“類”概念。
TypeScript 中引入了模塊的概念，可以把聲明、數(shù)據(jù)、函數(shù)和類封裝在模塊中。
下面列舉 TypeScript 相比于 JavaScript 的顯著優(yōu)勢：
靜態(tài)類型化是一種功能，可以在開發(fā)人員編寫腳本時檢測錯誤。查找并修復錯誤是當今開發(fā)團隊的迫切需求。有了這項功能，就會允許開發(fā)人員編寫更健壯的代碼并對其進行維護，以便使得代碼質(zhì)量更好、更清晰。
有時為了改進開發(fā)項目，需要對代碼庫進行小的增量更改。這些小小的變化可能會產(chǎn)生嚴重的、意想不到的后果，因此有必要撤銷這些變化。使用TypeScript工具來進行重構更變的容易、快捷。
當發(fā)開大型項目時，會有許多開發(fā)人員，此時亂碼和錯誤的機也會增加。類型安全是一種在編碼期間檢測錯誤的功能，而不是在編譯項目時檢測錯誤。這為開發(fā)團隊創(chuàng)建了一個更高效的編碼和調(diào)試過程。
干凈的 ECMAScript 6 代碼，自動完成和動態(tài)輸入等因素有助于提高開發(fā)人員的工作效率。這些功能也有助于編譯器創(chuàng)建優(yōu)化的代碼。
相比于 TypeScript，JavaScript 也有一些明顯優(yōu)勢。
JavaScript 的開發(fā)者社區(qū)仍然是巨大而活躍的，在社區(qū)中可以很方便地找到大量成熟的開發(fā)項目和可用資源。
由于 JavaScript 語言發(fā)展的較早，也較為成熟，所以仍有一大批開發(fā)人員堅持使用他們熟悉的腳本語言 JavaScript，而不是學習 TypeScript。
TypeScript 代碼需要被編譯（輸出 JavaScript 代碼），這是 TypeScript 代碼執(zhí)行時的一個額外的步驟。
為了充分利用 TypeScript 特性，開發(fā)人員需要不斷注釋他們的代碼，這可能會使項目效率降低。
有些開發(fā)人員更喜歡 JavaScript 的靈活性。
TypeScript 正在成為開發(fā)大型編碼項目的有力工具。因為其面向?qū)ο缶幊陶Z言的結構保持了代碼的清潔、一致和簡單的調(diào)試。因此在應對大型開發(fā)項目時，使用 TypeScript 更加合適。如果有一個相對較小的編碼項目，似乎沒有必要使用 TypeScript，只需使用靈活的 JavaScript 即可。
藍藍設計( sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務