title: "TypeScript vs JavaScript 深度對(duì)比"
date: 2021-01-27T21:45:10+08:00
draft: true
tags: ['typescript','javascript']
author: "dadigang"
author_cn: "大地缸"
personal: "http://www.real007.cn"
關(guān)于作者
TypeScript VS JavaScript 深度對(duì)比
TypeScript 和 JavaScript 是目前項(xiàng)目開發(fā)中較為流行的兩種腳本語言假丧，我們已經(jīng)熟知 TypeScript 是 JavaScript 的一個(gè)超集说敏，但是 TypeScript 與 JavaScript 之間又有什么樣的區(qū)別呢？在選擇開發(fā)語言時(shí)饶米，又該如何抉擇呢遗嗽？
TypeScript 和 JavaScript 是目前項(xiàng)目開發(fā)中較為流行的兩種腳本語言蘸秘，我們已經(jīng)熟知 TypeScript 是 JavaScript 的一個(gè)超集裹芝，但是 TypeScript 與 JavaScript 之間又有什么樣的區(qū)別呢？在選擇開發(fā)語言時(shí)院促，又該如何抉擇呢筏养？
本文將會(huì)深入對(duì)比這兩種語言斧抱，討論兩種語言之間的關(guān)聯(lián)和差異，并概述兩種語言各自的優(yōu)勢(shì)渐溶。
JavaScript 和 TypeScript 的概要介紹
JavaScript
JavaScript 是一種輕量級(jí)的解釋性腳本語言辉浦，可嵌入到 HTML 頁面中，在瀏覽器端執(zhí)行茎辐，能夠?qū)崿F(xiàn)瀏覽器端豐富的交互功能宪郊，為用戶帶來流暢多樣的用戶體驗(yàn)。
JavaScript 是基于對(duì)象和事件驅(qū)動(dòng)的拖陆，無需特定的語言環(huán)境弛槐，只需在支持的瀏覽器上就能運(yùn)行。
JavaScript 語言具有以下特點(diǎn)：
- JavaScript 是一種腳本編寫語言依啰，無需編譯乎串，只要嵌入 HTML 代碼中，就能由瀏覽器逐行加載解釋執(zhí)行速警。
- JavaScript 是一種基于對(duì)象的語言叹誉，可以創(chuàng)建對(duì)象同時(shí)使用現(xiàn)有對(duì)象。但是 Javascript 并不支持其它面向?qū)ο笳Z言所具有的繼承和重載功能闷旧。
- JavaScript 的語法簡(jiǎn)單长豁，使用的變量為弱類型。
- JavaScript 語言較為安全忙灼，僅在瀏覽器端執(zhí)行蕉斜，不會(huì)訪問本地硬盤數(shù)據(jù)。
- JavaScript 語言具有動(dòng)態(tài)性缀棍。JavaScript 是事件驅(qū)動(dòng)的，只根據(jù)用戶的操作做出相應(yīng)的反應(yīng)處理机错。
- JavaScript 只依賴于瀏覽器爬范，與操作系統(tǒng)的因素?zé)o關(guān)。因此 JavaScript 是一種跨平臺(tái)的語言弱匪。
- 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ā)人員能夠快速檢測(cè)錯(cuò)誤并調(diào)試應(yīng)用程序
- TypeScript 從核心語言方面和類概念的模塑方面對(duì) JavaScript 對(duì)象模型進(jìn)行擴(kuò)展幕垦。
- JavaScript 代碼可以在無需任何修改的情況下與 TypeScript 一同工作，同時(shí)可以使用編譯器將 TypeScript 代碼轉(zhuǎn)換為 JavaScript傅联。
- TypeScript 通過類型注解提供編譯時(shí)的靜態(tài)類型檢查先改。
- TypeScript 中的數(shù)據(jù)要求帶有明確的類型，JavaScript不要求纺且。
- TypeScript 為函數(shù)提供了缺省參數(shù)值盏道。
- TypeScript 引入了 JavaScript 中沒有的“類”概念。
- TypeScript 中引入了模塊的概念载碌，可以把聲明猜嘱、數(shù)據(jù)、函數(shù)和類封裝在模塊中嫁艇。
TypeScript 的優(yōu)勢(shì)
下面列舉 TypeScript 相比于 JavaScript 的顯著優(yōu)勢(shì)：
1. 靜態(tài)輸入
靜態(tài)類型化是一種功能朗伶，可以在開發(fā)人員編寫腳本時(shí)檢測(cè)錯(cuò)誤。查找并修復(fù)錯(cuò)誤是當(dāng)今開發(fā)團(tuán)隊(duì)的迫切需求步咪。有了這項(xiàng)功能论皆，就會(huì)允許開發(fā)人員編寫更健壯的代碼并對(duì)其進(jìn)行維護(hù)，以便使得代碼質(zhì)量更好猾漫、更清晰点晴。
2. 大型的開發(fā)項(xiàng)目
有時(shí)為了改進(jìn)開發(fā)項(xiàng)目，需要對(duì)代碼庫進(jìn)行小的增量更改悯周。這些小小的變化可能會(huì)產(chǎn)生嚴(yán)重的粒督、意想不到的后果，因此有必要撤銷這些變化禽翼。使用TypeScript工具來進(jìn)行重構(gòu)更變的容易屠橄、快捷。
3. 更好的協(xié)作
當(dāng)發(fā)開大型項(xiàng)目時(shí)闰挡，會(huì)有許多開發(fā)人員锐墙，此時(shí)亂碼和錯(cuò)誤的機(jī)也會(huì)增加。類型安全是一種在編碼期間檢測(cè)錯(cuò)誤的功能长酗，而不是在編譯項(xiàng)目時(shí)檢測(cè)錯(cuò)誤溪北。這為開發(fā)團(tuán)隊(duì)創(chuàng)建了一個(gè)更高效的編碼和調(diào)試過程。
4. 更強(qiáng)的生產(chǎn)力
干凈的 ECMAScript 6 代碼，自動(dòng)完成和動(dòng)態(tài)輸入等因素有助于提高開發(fā)人員的工作效率刻盐。這些功能也有助于編譯器創(chuàng)建優(yōu)化的代碼掏膏。
JavaScript 的優(yōu)勢(shì)
相比于 TypeScript，JavaScript 也有一些明顯優(yōu)勢(shì)敦锌。
1. 人氣
JavaScript 的開發(fā)者社區(qū)仍然是巨大而活躍的馒疹，在社區(qū)中可以很方便地找到大量成熟的開發(fā)項(xiàng)目和可用資源。
2. 學(xué)習(xí)曲線
由于 JavaScript 語言發(fā)展的較早乙墙，也較為成熟颖变，所以仍有一大批開發(fā)人員堅(jiān)持使用他們熟悉的腳本語言 JavaScript，而不是學(xué)習(xí) TypeScript听想。
3. 本地瀏覽器支持
TypeScript 代碼需要被編譯（輸出 JavaScript 代碼）腥刹，這是 TypeScript 代碼執(zhí)行時(shí)的一個(gè)額外的步驟。
4. 不需要注釋
為了充分利用 TypeScript 特性汉买，開發(fā)人員需要不斷注釋他們的代碼衔峰，這可能會(huì)使項(xiàng)目效率降低。
5. 靈活性
有些開發(fā)人員更喜歡 JavaScript 的靈活性蛙粘。
如何抉擇
TypeScript 正在成為開發(fā)大型編碼項(xiàng)目的有力工具垫卤。因?yàn)槠涿嫦驅(qū)ο缶幊陶Z言的結(jié)構(gòu)保持了代碼的清潔、一致和簡(jiǎn)單的調(diào)試出牧。因此在應(yīng)對(duì)大型開發(fā)項(xiàng)目時(shí)穴肘，使用 TypeScript 更加合適。如果有一個(gè)相對(duì)較小的編碼項(xiàng)目舔痕，似乎沒有必要使用 TypeScript评抚，只需使用靈活的 JavaScript 即可。
