一文瞭解什麼是TypeScript?
前言:
TypeScript
是JavaScript
的超集,它可以編譯成純JavaScript
代碼。
那為什麼會出現TypeScript
這門語言,主要是因為現在的JavaScript可以開發很多復雜的項目,但是JavaScript又缺乏其可靠性,在使用的時候需要我們為瞭代碼的健壯性需要添加很多業務邏輯去判斷。
TypeScript
可以運行在瀏覽器環境、Node.js環境或者ECMAScript3
或者更高的JavaScript
的引擎中。
1.JavaScript的問題
JavaScript的問題主要有如下幾個:
JavaScript
的類型異常隻有在運行的時候才可以發現。
因為JavaScript
的函數的類型是不明確的,有可能導致函數的最終功能導致出現問題,
如下這段代碼:
function sum(x, y){ return x + y } sum(100, '100') // 100100
2.TypeScript的優勢
JavaScript
是動態類型的編程語言,所謂的動態類型,就是在編譯時候時候才知道其數據類型是Number 還是String;而TypeScript
是靜態類型的編程語言,所謂的靜態類型就是編寫的時候就知道其數據類型是什麼,比例定義一個變量
let num: number = 6;
num
這個變量從頭到尾隻能是number
類型,如果將字符串賦值給他就會拋出異常。
所以說,TypeScript的優勢如下:
- 在開發過程中,就可以定位的錯誤的地方,方便我們檢查錯誤。
TypeScript
屬於漸進式的編程語言,如果不懂其語法可以完全將其當做JavaScript
來用。- 減少瞭我們在開發過程中的不必要的類型檢查。
- 靜態類型的代碼提示是要優於靜態類型代碼提示的。
- 在進行項目重構的時候會更加簡單。
- 靜態類型的代碼語義化比動態類型更好,可讀性更好。
3.TypeScript的缺點
TypeScript
並不是隻有優點,沒有缺點的,它的缺點都是相對於JavaScript來說,
具體如下幾點:
- 相對於
JavaScript
來說,TypeScript本身增加瞭許多的概念。例如泛型、接口等概念。 - 使用TypeScript開發在短期內會增加一些成本,但是對於一個需要長期維護的項目,
TypeScript
能夠減少其維護成本。 - 可能和一些庫結合的不是很完美。
4.TypeScript的運行環境
TypeScript
是運行是建立在Node.js環
境基礎之上的,所以需要先安裝一下Node.js。
安裝Node.js等一系列操作以忽略
安裝TypeScript的命令如下:
npm install -g [email protected]
這裡我通過@指定版本號,也可以不指定版本號
安裝完TypeScript
後,還需要安裝一個ts-node
的工具,如果安裝該工具話是不能直接運行TS代碼的,需要將TS的代碼編成JavaScript後才能執行。
執行流程如下:
# 編譯 TS 代碼 tsc demo.ts # 編譯後會得到 demo.js 文件,然後就可以運行瞭
如果安裝瞭node-ts
工具後,就可以直接執行TS代碼瞭。
具體步驟如下:
# 1. 全局安裝 npm install -g [email protected] # 2. 運行代碼 ts-node demo.ts
值得註意的是安裝之後的目錄一定需要在環境變量中,不然會報錯的。
5.作用域問題
我們在項目中執行ts文件時,如果不同文件中存在相同的變量名是會拋出異常的 ,
示例代碼如下:
a.ts let str: string = 'Hello World'
b.ts let str: string = '一碗周'
此時就會拋出一個異常,即無法重新聲明塊范圍變量“str”,如果編輯器是VScode的話,鼠標懸停到變量名會進行提示。
解決這個問題的方式有兩種,第一種是為每個文件創建一個立即執行函數(即匿名函數),保證每個文件都擁有單獨的作用域。
示例代碼如下:
(function() { let str: string = '一碗周' }){}
第二種方式是使用export將當前文件作為模塊導出。示例代碼如下:
let str: string = '一碗周' export {}
到此這篇關於什麼是TypeScript?的文章就介紹到這瞭,更多相關TypeScript內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- 比較node.js和Deno
- typeScript入門基礎介紹
- 搞懂什麼是Node.js原來這麼簡單
- 安裝vue3開發者工具但控制臺沒有顯示出vue選項的解決
- TypeScript 泛型重載函數的使用方式