TypeScript 學(xué)習(xí)筆記之基本類型
在 TypeScript 中一共有 7 種基本類型。
1、boolean
var isDone: boolean = false;
2、number
代表 JavaScript 中的數(shù)字。在 JavaScript 中，無論是“整數(shù)”還是“浮點(diǎn)數(shù)”，都是以雙精度浮點(diǎn)類型存儲的。
var height: number = 6;
3、string
代表字符串。跟 JavaScript 一樣，可以使用一對雙引號（"）或一對單引號（'）來表示字符串。
var name: string = "bob";
name = 'smith';
4、array
TypeScript 中有兩種數(shù)組聲明方法。
①使用“[]”來聲明：
var list: number[] = [1, 2, 3];
②使用數(shù)組類型來聲明：
var list: Array<number> = [1, 2, 3];
兩種聲明方式都可以使用，效果并不會有區(qū)別。但建議代碼中應(yīng)盡量只使用其中一種，以保持代碼風(fēng)格統(tǒng)一。
5、enum
枚舉類型是 TypeScript 中新添加的，而 JavaScript 中是沒有這個(gè)類型的。
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;
另外枚舉類型還有一個(gè)比較特殊的功能，假如我們有一個(gè)數(shù)值，但是我們不知道枚舉類型中是否有定義，可以用以下方式來獲?。?/p>
enum Color {
Red = 1,
Green,
Blue
};
var colorName: string = Color[2];
alert(colorName);
colorName = Color[4];
alert(colorName);
那么將會輸出 Green 和 undefined。因?yàn)?Green 的值是 2，而沒有一個(gè)枚舉定義的值是 4，所以返回 undefined。
6、any
和 JavaScript 中變量的默認(rèn)類型一樣，指代是動態(tài)的，能夠賦予任意類型。例如：
var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean
定義為 any 后，將失去語法感知的功能，就相當(dāng)于寫 JavaScript 一樣。
值得一提的是，any 可以配合數(shù)組來使用：
var list: any[] = [1, true, "free"];
list[1] = 100;
7、void
這個(gè)類型僅能在函數(shù)中使用，可以將函數(shù)的返回類型指定為 void，表示該函數(shù)不返回任何值。
function warnUser(): void {
alert("This is my warning message");
}
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
js form表單input框限制20個(gè)字符，10個(gè)漢字代碼實(shí)例
這篇文章主要介紹了js form表單input框限制20個(gè)字符，10個(gè)漢字，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
MC Dialog js彈出層 完美兼容多瀏覽器(5.6更新)
MC.Dialog 是由肖毅(YesSky) 開發(fā)一款界面絢麗美觀 操作簡單易用的一款js彈出層 MC.Dialog 是經(jīng)過嚴(yán)格了測試的 兼容目前ie7+ 以及其他非ie核心的瀏覽器 完美模擬瀏覽器自帶對話框功能2010-05-05
基于JavaScript實(shí)現(xiàn)新年賀卡特效
本文介紹了一款超級炫酷的2022新年快樂html網(wǎng)頁特效，霓虹的城市夜景和絢爛的煙花很是特別，該html頁面還有交互效果，點(diǎn)擊鼠標(biāo)就會呈現(xiàn)煙花綻放的特效。需要的可以參考一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)百度新聞導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
今天小編就為大家分享一篇基于layui輪播圖滿屏是高度自適應(yīng)的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Js Snowflake(雪花算法)生成隨機(jī)ID的實(shí)現(xiàn)方法
這篇文章主要介紹了Js Snowflake(雪花算法)生成隨機(jī)ID的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了微信小程序按鈕巧妙用法,按鈕組件功能比?HTML?中的?button?按鈕豐富，通過?open-type?屬性可以調(diào)用微信提供的各種功能（客服、轉(zhuǎn)發(fā)、獲取用戶授權(quán)、獲取用戶信息等），需要的朋友可以參考下2022-12-12
JS判斷元素是否存在數(shù)組中的5種方式總結(jié)
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JS判斷元素是否存在數(shù)組中的5種方式,需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動端吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01