首頁(yè)技術(shù)文章正文

TypeScript VS JavaScript 深度對(duì)比

更新時(shí)間:2018-07-20 來(lái)源:黑馬程序員 瀏覽量:

1532078731844_1.jpg

TypeScript 和 JavaScript 是目前項(xiàng)目開(kāi)發(fā)中較為流行的兩種腳本語(yǔ)言,我們已經(jīng)熟知 TypeScript 是 JavaScript 的一個(gè)超集,但是 TypeScript 與 JavaScript 之間又有什么樣的區(qū)別呢?在選擇開(kāi)發(fā)語(yǔ)言時(shí),又該如何抉擇呢?


本文將會(huì)深入對(duì)比這兩種語(yǔ)言,討論兩種語(yǔ)言之間的關(guān)聯(lián)和差異,并概述兩種語(yǔ)言各自的優(yōu)勢(shì)。


JavaScript 和 TypeScript 的概要介紹JavaScript

JavaScript 是一種輕量級(jí)的解釋性腳本語(yǔ)言,可嵌入到 HTML 頁(yè)面中,在瀏覽器端執(zhí)行,能夠?qū)崿F(xiàn)瀏覽器端豐富的交互功能,為用戶帶來(lái)流暢多樣的用戶體驗(yàn)。


JavaScript 是基于對(duì)象和事件驅(qū)動(dòng)的,無(wú)需特定的語(yǔ)言環(huán)境,只需在支持的瀏覽器上就能運(yùn)行。


JavaScript 語(yǔ)言具有以下特點(diǎn):

JavaScript 是一種腳本編寫語(yǔ)言,無(wú)需編譯,只要嵌入 HTML 代碼中,就能由瀏覽器逐行加載解釋執(zhí)行。

JavaScript 是一種基于對(duì)象的語(yǔ)言,可以創(chuàng)建對(duì)象同時(shí)使用現(xiàn)有對(duì)象。但是 Javascript 并不支持其它面向?qū)ο笳Z(yǔ)言所具有的繼承和重載功能。

JavaScript 的語(yǔ)法簡(jiǎn)單,使用的變量為弱類型。

JavaScript 語(yǔ)言較為安全,僅在瀏覽器端執(zhí)行,不會(huì)訪問(wèn)本地硬盤數(shù)據(jù)。

JavaScript 語(yǔ)言具有動(dòng)態(tài)性。JavaScript 是事件驅(qū)動(dòng)的,只根據(jù)用戶的操作做出相應(yīng)的反應(yīng)處理。

JavaScript 只依賴于瀏覽器,與操作系統(tǒng)的因素?zé)o關(guān)。因此 JavaScript 是一種跨平臺(tái)的語(yǔ)言。

JavaScript 兼容性較好,能夠與其他技術(shù)(如 XML,REST API 等)一起使用。




TypeScript

TypeScript 是 Microsoft 開(kāi)發(fā)和維護(hù)的一種面向?qū)ο蟮木幊陶Z(yǔ)言。它是 JavaScript 的超集,包含了 JavaScript 的所有元素,可以載入 JavaScript 代碼運(yùn)行,并擴(kuò)展了 JavaScript 的語(yǔ)法。

TypeScript 具有以下特點(diǎn):

TypeScript 是 Microsoft 推出的開(kāi)源語(yǔ)言,使用 Apache 授權(quán)協(xié)議

TypeScript 增加了靜態(tài)類型、類、模塊、接口和類型注解

TypeScript 可用于開(kāi)發(fā)大型的應(yīng)用

TypeScript 易學(xué)易于理解






JavaScript 和 TypeScript 的主要差異

TypeScript 可以使用 JavaScript 中的所有代碼和編碼概念,TypeScript 是為了使 JavaScript 的開(kāi)發(fā)變得更加容易而創(chuàng)建的。例如,TypeScript 使用類型和接口等概念來(lái)描述正在使用的數(shù)據(jù),這使開(kāi)發(fā)人員能夠快速檢測(cè)錯(cuò)誤并調(diào)試應(yīng)用程序

TypeScript 從核心語(yǔ)言方面和類概念的模塑方面對(duì) JavaScript 對(duì)象模型進(jìn)行擴(kuò)展。

JavaScript 代碼可以在無(wú)需任何修改的情況下與 TypeScript 一同工作,同時(shí)可以使用編譯器將 TypeScript 代碼轉(zhuǎn)換為 JavaScript。

TypeScript 通過(guò)類型注解提供編譯時(shí)的靜態(tài)類型檢查。

TypeScript 中的數(shù)據(jù)要求帶有明確的類型,JavaScript不要求。

TypeScript 為函數(shù)提供了缺省參數(shù)值。

TypeScript 引入了 JavaScript 中沒(méi)有的“類”概念。

TypeScript 中引入了模塊的概念,可以把聲明、數(shù)據(jù)、函數(shù)和類封裝在模塊中。




TypeScript 的優(yōu)勢(shì)

下面列舉 TypeScript 相比于 JavaScript 的顯著優(yōu)勢(shì):


1. 靜態(tài)輸入

靜態(tài)類型化是一種功能,可以在開(kāi)發(fā)人員編寫腳本時(shí)檢測(cè)錯(cuò)誤。查找并修復(fù)錯(cuò)誤是當(dāng)今開(kāi)發(fā)團(tuán)隊(duì)的迫切需求。有了這項(xiàng)功能,就會(huì)允許開(kāi)發(fā)人員編寫更健壯的代碼并對(duì)其進(jìn)行維護(hù),以便使得代碼質(zhì)量更好、更清晰。


2. 大型的開(kāi)發(fā)項(xiàng)目

有時(shí)為了改進(jìn)開(kāi)發(fā)項(xiàng)目,需要對(duì)代碼庫(kù)進(jìn)行小的增量更改。這些小小的變化可能會(huì)產(chǎn)生嚴(yán)重的、意想不到的后果,因此有必要撤銷這些變化。使用TypeScript工具來(lái)進(jìn)行重構(gòu)更變的容易、快捷。


3. 更好的協(xié)作

當(dāng)發(fā)開(kāi)大型項(xiàng)目時(shí),會(huì)有許多開(kāi)發(fā)人員,此時(shí)亂碼和錯(cuò)誤的機(jī)也會(huì)增加。類型安全是一種在編碼期間檢測(cè)錯(cuò)誤的功能,而不是在編譯項(xiàng)目時(shí)檢測(cè)錯(cuò)誤。這為開(kāi)發(fā)團(tuán)隊(duì)創(chuàng)建了一個(gè)更高效的編碼和調(diào)試過(guò)程。


4. 更強(qiáng)的生產(chǎn)力

干凈的 ECMAScript 6 代碼,自動(dòng)完成和動(dòng)態(tài)輸入等因素有助于提高開(kāi)發(fā)人員的工作效率。這些功能也有助于編譯器創(chuàng)建優(yōu)化的代碼。


JavaScript 的優(yōu)勢(shì)

相比于 TypeScript,JavaScript 也有一些明顯優(yōu)勢(shì)。


1. 人氣

JavaScript 的開(kāi)發(fā)者社區(qū)仍然是巨大而活躍的,在社區(qū)中可以很方便地找到大量成熟的開(kāi)發(fā)項(xiàng)目和可用資源。


2. 學(xué)習(xí)曲線

由于 JavaScript 語(yǔ)言發(fā)展的較早,也較為成熟,所以仍有一大批開(kāi)發(fā)人員堅(jiān)持使用他們熟悉的腳本語(yǔ)言 JavaScript,而不是學(xué)習(xí) TypeScript。


3. 本地瀏覽器支持

TypeScript 代碼需要被編譯(輸出 JavaScript 代碼),這是 TypeScript 代碼執(zhí)行時(shí)的一個(gè)額外的步驟。


4. 不需要注釋

為了充分利用 TypeScript 特性,開(kāi)發(fā)人員需要不斷注釋他們的代碼,這可能會(huì)使項(xiàng)目效率降低。


5. 靈活性

有些開(kāi)發(fā)人員更喜歡 JavaScript 的靈活性。


如何抉擇

TypeScript 正在成為開(kāi)發(fā)大型編碼項(xiàng)目的有力工具。因?yàn)槠涿嫦驅(qū)ο缶幊陶Z(yǔ)言的結(jié)構(gòu)保持了代碼的清潔、一致和簡(jiǎn)單的調(diào)試。因此在應(yīng)對(duì)大型開(kāi)發(fā)項(xiàng)目時(shí),使用 TypeScript 更加合適。如果有一個(gè)相對(duì)較小的編碼項(xiàng)目,似乎沒(méi)有必要使用 TypeScript,只需使用靈活的 JavaScript 即可。

   

作者:黑馬程序員前端與移動(dòng)開(kāi)發(fā)培訓(xùn)學(xué)院

首發(fā):http://web.itheima.com/

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!