首頁 > web前端 > js教程 > javascript和typescript有哪些差別?

javascript和typescript有哪些差別?

不言
發布: 2018-10-22 10:52:38
原創
17086 人瀏覽過

javascript和typescript都是用來開發的腳本語言,那麼javascript和typescript這兩種腳本語言有哪些差別呢? 接下來的這篇文章就來跟大家介紹一下javascript和typescript的差別,有興趣的朋友可以看一下。

話不多說,我們直接來看正文~

javascript和typescript有哪些差別?

javascript和typescript的區別一:概念對比

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

TypeScript程式碼儲存在ts檔案中,ts檔案經過編譯之後會產生一個js文件,任何有效的JavaScript程式碼都可以直接作為TypeScript程式碼編譯,只不過編譯過後的程式碼與原JavaScript程式碼相同, TypeScript程式碼編譯後則會轉換為對應的JavaScript程式碼

javascript與typescript的區別二:內容比較

1、TypeScript 引進了 JavaScript 中沒有的「類別」概念。

雖然ES6已經支援類,但是TypeScript與ES6的類別還是不完全一樣的,ts程式碼可以透過型別註解宣告變數的型別。

2、TypeScript 中的資料需求帶有明確的類型,JavaScript不要求。

3、TypeScript 透過型別註解提供編譯時的靜態型別檢查。

let str: string;//ts代码
let str;//编译生成的js代码
登入後複製

透過比較可以清楚的看到,在ts程式碼中可以在宣告變數的時候加上": 型別"來描述變數的型別,也就是型別註解。

4、TypeScript 從核心語言方面和類別概念的模塑方面對 JavaScript 物件模型進行擴展。

5、JavaScript 程式碼可以在無需任何修改的情況下與 TypeScript 一起工作,同時可以使用編譯器將 TypeScript 程式碼轉換為 JavaScript。

6、TypeScript 為函數提供了預設參數值。

在TypeScript的函數中我們可以給每個參數提供型別註解,還能為函數提供回傳型別註解(在參數清單後的":型別"),同時TypeScript可以在參數名稱右邊加上一個?表示可選參數。

7、TypeScript 中引入了模組的概念,可以把宣告、資料、函數和類別封裝在模組中。

javascript與typescript的差異三:優點比較

#javascript優點:

1、人氣:JavaScript的開發者社群仍然是巨大而活躍的,在社群中可以輕鬆找到大量成熟的開發專案和可用資源。

2、學習曲線:由於 JavaScript 語言發展的較早,也較為成熟,所以仍有一大批開發人員堅持使用他們熟悉的腳本語言 JavaScript,而不是學習 TypeScript。

3、本機瀏覽器支援:TypeScript 程式碼需要被編譯(輸出 JavaScript 程式碼),這是 TypeScript 程式碼執行時的一個額外的步驟。

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

5、靈活性:有些開發人員喜歡 JavaScript 的靈活性。

typescript優點:

1、方便開發人員做註解。

2、能幫助開發人員偵測出錯誤並修改。

3、TypeScript工具讓重構更變的容易、快速。

4、TypeScript 引進了 JavaScript 中沒有的「類別」概念。

5、TypeScript 中引入了模組的概念,可以把宣告、資料、函數和類別封裝在模組中。

6、型別安全功能能在編碼期間偵測錯誤,這為開發人員創建了一個更有效率的編碼和偵錯流程。

這篇文章到這裡就全部結束了,更多精彩內容可以關注php中文網相關教學欄位! ! !

以上是javascript和typescript有哪些差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板