TypeScript VS JavaScript 深度對比

77rou發表於2018-01-08

139239-20180108112055222-543224587

TypeScript 和 JavaScript 是目前專案開發中較為流行的兩種指令碼語言,我們已經熟知 TypeScript 是 JavaScript 的一個超集,但是 TypeScript 與 JavaScript 之間又有什麼樣的區別呢?在選擇開發語言時,又該如何抉擇呢?

本文將會深入對比這兩種語言,討論兩種語言之間的關聯和差異,並概述兩種語言各自的優勢。

JavaScript 和 TypeScript 的概要介紹

JavaScript

JavaScript 是一種輕量級的解釋性指令碼語言,可嵌入到 HTML 頁面中,在瀏覽器端執行,能夠實現瀏覽器端豐富的互動功能,為使用者帶來流暢多樣的使用者體驗。

JavaScript 是基於物件和事件驅動的,無需特定的語言環境,只需在支援的瀏覽器上就能執行。

JavaScript 語言具有以下特點:

  • JavaScript 是一種指令碼編寫語言,無需編譯,只要嵌入 HTML 程式碼中,就能由瀏覽器逐行載入解釋執行。
  • JavaScript 是一種基於物件的語言,可以建立物件同時使用現有物件。但是 Javascript 並不支援其它面嚮物件語言所具有的繼承和過載功能。
  • JavaScript 的語法簡單,使用的變數為弱型別。
  • JavaScript 語言較為安全,僅在瀏覽器端執行,不會訪問本地硬碟資料。
  • JavaScript 語言具有動態性。JavaScript 是事件驅動的,只根據使用者的操作做出相應的反應處理。
  • JavaScript 只依賴於瀏覽器,與作業系統的因素無關。因此 JavaScript 是一種跨平臺的語言。
  • JavaScript 相容性較好,能夠與其他技術(如 XML,REST API 等)一起使用。

TypeScript

TypeScript 是 Microsoft 開發和維護的一種物件導向的程式語言。它是 JavaScript 的超集,包含了 JavaScript 的所有元素,可以載入 JavaScript 程式碼執行,並擴充套件了 JavaScript 的語法。

TypeScript 具有以下特點:

  • TypeScript 是 Microsoft 推出的開源語言,使用 Apache 授權協議
  • TypeScript 增加了靜態型別、類、模組、介面和型別註解
  • TypeScript 可用於開發大型的應用
  • TypeScript 易學易於理解

 

JavaScript 和 TypeScript 的主要差異

TypeScript 可以使用 JavaScript 中的所有程式碼和編碼概念,TypeScript 是為了使 JavaScript 的開發變得更加容易而建立的。例如,TypeScript 使用型別和介面等概念來描述正在使用的資料,這使開發人員能夠快速檢測錯誤並除錯應用程式

  • TypeScript 從核心語言方面和類概念的模塑方面對 JavaScript 物件模型進行擴充套件。
  • JavaScript 程式碼可以在無需任何修改的情況下與 TypeScript 一同工作,同時可以使用編譯器將 TypeScript 程式碼轉換為 JavaScript。
  • TypeScript 通過型別註解提供編譯時的靜態型別檢查。
  • TypeScript 中的資料要求帶有明確的型別,JavaScript不要求。
  • TypeScript 為函式提供了預設引數值。
  • TypeScript 引入了 JavaScript 中沒有的“類”概念。
  • TypeScript 中引入了模組的概念,可以把宣告、資料、函式和類封裝在模組中。

 

TypeScript 的優勢

下面列舉 TypeScript 相比於 JavaScript 的顯著優勢:

1. 靜態輸入

靜態型別化是一種功能,可以在開發人員編寫指令碼時檢測錯誤。查詢並修復錯誤是當今開發團隊的迫切需求。有了這項功能,就會允許開發人員編寫更健壯的程式碼並對其進行維護,以便使得程式碼質量更好、更清晰。

2. 大型的開發專案

有時為了改進開發專案,需要對程式碼庫進行小的增量更改。這些小小的變化可能會產生嚴重的、意想不到的後果,因此有必要撤銷這些變化。使用TypeScript工具來進行重構更變的容易、快捷。

3. 更好的協作

當發開大型專案時,會有許多開發人員,此時亂碼和錯誤的機也會增加。型別安全是一種在編碼期間檢測錯誤的功能,而不是在編譯專案時檢測錯誤。這為開發團隊建立了一個更高效的編碼和除錯過程。

4. 更強的生產力

乾淨的 ECMAScript 6 程式碼,自動完成和動態輸入等因素有助於提高開發人員的工作效率。這些功能也有助於編譯器建立優化的程式碼。

 

JavaScript 的優勢

相比於 TypeScript,JavaScript 也有一些明顯優勢。

1. 人氣

JavaScript 的開發者社群仍然是巨大而活躍的,在社群中可以很方便地找到大量成熟的開發專案和可用資源。

2. 學習曲線

由於 JavaScript 語言發展的較早,也較為成熟,所以仍有一大批開發人員堅持使用他們熟悉的指令碼語言 JavaScript,而不是學習 TypeScript。

3. 本地瀏覽器支援

TypeScript 程式碼需要被編譯(輸出 JavaScript 程式碼),這是 TypeScript 程式碼執行時的一個額外的步驟。

4. 不需要註釋

為了充分利用 TypeScript 特性,開發人員需要不斷註釋他們的程式碼,這可能會使專案效率降低。

5. 靈活性

有些開發人員更喜歡 JavaScript 的靈活性。

 

如何抉擇

TypeScript 正在成為開發大型編碼專案的有力工具。因為其物件導向程式語言的結構保持了程式碼的清潔、一致和簡單的除錯。因此在應對大型開發專案時,使用 TypeScript 更加合適。如果有一個相對較小的編碼專案,似乎沒有必要使用 TypeScript,只需使用靈活的 JavaScript 即可。

相關文章