1.Typescript起步
Typescript定義
可擴展的JavaScript。
TypeScript是JavaScript的類型化超集塞赂，可編譯為純JavaScript沛鸵。
任何瀏覽器。任何主機兽间。任何操作系統(tǒng)暂殖。開源价匠。
Typescript特點
- 開始和結(jié)束于 的JavaScript
TypeScript從當今數(shù)百萬JavaScript開發(fā)人員所知道的相同語法和語義開始当纱。使用現(xiàn)有的JavaScript代碼呛每，合并流行的JavaScript庫，并從JavaScript調(diào)用TypeScript代碼坡氯。
TypeScript編譯為干凈晨横，簡單的JavaScript代碼，該代碼可在任何瀏覽器箫柳，Node.js或任何支持ECMAScript 3（或更高版本）的JavaScript引擎中運行手形。
- 強大的工具 大型應(yīng)用
類型使JavaScript開發(fā)人員可以在開發(fā)JavaScript應(yīng)用程序時使用高效的開發(fā)工具和做法，例如靜態(tài)檢查和代碼重構(gòu)悯恍。
類型是可選的库糠，并且類型推論允許一些類型的注釋對代碼的靜態(tài)驗證產(chǎn)生很大的影響。類型使您可以定義軟件組件之間的接口涮毫，并深入了解現(xiàn)有JavaScript庫的行為瞬欧。
- 最先進的 的JavaScript
TypeScript支持最新和不斷發(fā)展的JavaScript功能，包括ECMAScript 2015中的功能以及未來的提案（例如異步功能和裝飾器）罢防，以幫助構(gòu)建可靠的組件艘虎。
這些功能可在開發(fā)時用于高信任度的應(yīng)用程序開發(fā)，但已編譯為針對ECMAScript 3（或更新版本）環(huán)境的簡單JavaScript咒吐。
Typescript的安裝
1.我們首先需要安裝node
去官方網(wǎng)站下載
node安裝包
安裝完成后按住shift+鼠標右鍵 打開
powershell窗口 輸入命令node -v 檢測
接下來我們就可以安裝
Typescript
npm install -g typescript
安裝完成后輸入tsc命令查看是否安裝成功
基本變量聲明
ts的變量聲明與我們的js有所不同
聲明的時候指定類型
接下來我們看代碼
let num:number = 1;
console.log(num)
然后打開終端在包含xxx.ts文件夾下輸入 tsc 加文件名
然后會編譯出一個xxx.js的文件
var num = 1;
console.log(num);
因為要考慮兼容性的問題 js會把ts編譯成適應(yīng)大多數(shù)瀏覽器的es5語法
我們繼續(xù)說變量
如果一個變量聲明時沒有賦予數(shù)據(jù)類型
let a = 1;
//此時什么都不會報錯
//但是如果要是重新賦值為其他數(shù)據(jù)類型;
a = "小明";
//這樣就會報錯
這種方式實現(xiàn)的變量命名有一個好處, 那就是賦值語句中等號右側(cè)值的類型和等號左側(cè)自行定義的值的類型必須得是完全一致的,否則會報錯. 如果賦值的時候傳入的是正確的數(shù)值,后期又重新賦值了錯誤類型的值,同樣也會報錯
那么如果一個變量聲明了數(shù)據(jù)類型 沒有賦值呢
let a:number;
//這里a給予數(shù)據(jù)類型為數(shù)字 然而沒有賦值 那么他就是undefined
//這里我們把a和undefined進行比較
if(a===undefined){
console.log(true)
}
這里我們看見他打印出來的是true 說明a沒有賦值時 默認值為undefined
接下來如果們把a在次賦予number類型時 會報錯嗎?
嘿嘿 其實不會報錯的 但如果這里你要是換成了其他數(shù)據(jù)類型就一定會報錯
如果只是創(chuàng)造了變量并規(guī)定了類型, 那么這個變量默認的值就是undefined
如果只是寫了一條沒有確定的值的變量聲明語句, 那么這個值用起來的時候就是undefined, 但是一旦后面有其他的新的賦值操作, 還是會按照變量的預設(shè)格式來的
元組類型表示一個已知元素數(shù)量和類型的數(shù)組野建，各元素的類型不必相同
接下來我們看實例
let a:[number,string,boolean,object,number];
//此時我們給a賦值
a = [1,"小明",false,{name:"小明"},123];
//此時不會報錯
那么如果我們不按照這個順序來 或者多一位少一位呢
首先我們沒有按照順序來 返回的報錯如圖 不能把字符串類型分配給數(shù)字類型
然后是這里 我們多加了一位 報錯信息length為6 不等于5
如果這里我少一位 會發(fā)生怎樣的事情呢
這里告訴我們?nèi)绷艘晃?/p>
所以呢我們創(chuàng)建
元組時 要注意每一項的數(shù)據(jù)類型和length******
