TypeScript 學(xué)習(xí)筆記之基本類(lèi)型
在 TypeScript 中一共有 7 種基本類(lèi)型。
1、boolean
var isDone: boolean = false;
2、number
代表 JavaScript 中的數(shù)字。在 JavaScript 中，無(wú)論是“整數(shù)”還是“浮點(diǎn)數(shù)”，都是以雙精度浮點(diǎn)類(lèi)型存儲(chǔ)的。
var height: number = 6;
3、string
代表字符串。跟 JavaScript 一樣，可以使用一對(duì)雙引號(hào)（"）或一對(duì)單引號(hào)（'）來(lái)表示字符串。
var name: string = "bob";
name = 'smith';
4、array
TypeScript 中有兩種數(shù)組聲明方法。
①使用“[]”來(lái)聲明：
var list: number[] = [1, 2, 3];
②使用數(shù)組類(lèi)型來(lái)聲明：
var list: Array<number> = [1, 2, 3];
兩種聲明方式都可以使用，效果并不會(huì)有區(qū)別。但建議代碼中應(yīng)盡量只使用其中一種，以保持代碼風(fēng)格統(tǒng)一。
5、enum
枚舉類(lèi)型是 TypeScript 中新添加的，而 JavaScript 中是沒(méi)有這個(gè)類(lèi)型的。
enum Color {
Red,
Green,
Blue
};
var c: Color = Color.Green;
跟 C# 一樣，如果不聲明第一項(xiàng)的值，那么上面 Red 的值就是 0，然后每一項(xiàng)都增加一，即 Green 是 1，Blue 是 2。
enum Color {
Red = 1,
Green,
Blue
};
var c: Color = Color.Green;
所以此時(shí) Red 的值為 1，Green 為 2，Blue 為 3。
當(dāng)然也可以為每一項(xiàng)都指定一個(gè)值。
enum Color {
Red = 1,
Green = 2,
Blue = 4
};
var c: Color = Color.Green;
另外枚舉類(lèi)型還有一個(gè)比較特殊的功能，假如我們有一個(gè)數(shù)值，但是我們不知道枚舉類(lèi)型中是否有定義，可以用以下方式來(lái)獲?。?/p>
enum Color {
Red = 1,
Green,
Blue
};
var colorName: string = Color[2];
alert(colorName);
colorName = Color[4];
alert(colorName);
那么將會(huì)輸出 Green 和 undefined。因?yàn)?Green 的值是 2，而沒(méi)有一個(gè)枚舉定義的值是 4，所以返回 undefined。
6、any
和 JavaScript 中變量的默認(rèn)類(lèi)型一樣，指代是動(dòng)態(tài)的，能夠賦予任意類(lèi)型。例如：
var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean
定義為 any 后，將失去語(yǔ)法感知的功能，就相當(dāng)于寫(xiě) JavaScript 一樣。
值得一提的是，any 可以配合數(shù)組來(lái)使用：
var list: any[] = [1, true, "free"];
list[1] = 100;
7、void
這個(gè)類(lèi)型僅能在函數(shù)中使用，可以將函數(shù)的返回類(lèi)型指定為 void，表示該函數(shù)不返回任何值。
function warnUser(): void {
alert("This is my warning message");
}
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
javascript appendChild,innerHTML,join性能比較代碼
在實(shí)際應(yīng)用中，應(yīng)該避免直接用innerHTML，對(duì)于大量的字符連接運(yùn)算，應(yīng)該考慮先運(yùn)算再輸出。2009-08-08
簡(jiǎn)單的分頁(yè)代碼js實(shí)現(xiàn)
簡(jiǎn)單的分頁(yè)代碼js實(shí)現(xiàn)，分享給大家，感興趣的小伙伴們可以參考一下2016-05-05
javascript?變量聲明?var,let,const?的區(qū)別
這篇文章主要介紹了javascript?變量聲明?var,let,const?的區(qū)別,變量聲明，每種編程語(yǔ)言必不可少的語(yǔ)法，在javascript中，變量的聲明相對(duì)其他語(yǔ)言來(lái)說(shuō)，算是比較簡(jiǎn)單的。更多相關(guān)的具體內(nèi)容需要的小伙伴可以參考一下2022-06-06
這篇文章主要給大家介紹了關(guān)于Webpack打包詳細(xì)流程及代碼的相關(guān)資料,Webpack是一款非常流行的打包工具,它的主要作用是將項(xiàng)目中的各個(gè)模塊打包成靜態(tài)資源,以便于在瀏覽器中加載和運(yùn)行,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了Js+Jq獲取URL參數(shù)的集中方法,需要的朋友可以參考下2014-05-05
使用js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)
這篇文章主要介紹了js判斷當(dāng)前時(shí)區(qū)TimeZone是否是夏令時(shí)的方法,需要的朋友可以參考下2014-02-02
下面小編就為大家?guī)?lái)一篇淺談js中字符和數(shù)組一些基本算法題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
這篇文章主要介紹了在JavaScript中判斷整型的N種方法,需要的朋友可以參考下2014-06-06
淺談Javascript實(shí)現(xiàn)繼承的方法
本文給大家簡(jiǎn)單介紹了下如何在javascript中實(shí)現(xiàn)繼承的幾種方法，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
js鼠標(biāo)滑過(guò)圖片震動(dòng)特效的方法
這篇文章主要介紹了js鼠標(biāo)滑過(guò)圖片震動(dòng)特效的方法,涉及onMouseOver事件及圖片操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02