TypeScript 學(xué)習(xí)筆記之基本類型
在 TypeScript 中一共有 7 種基本類型。
1、boolean
var isDone: boolean = false;
2、number
代表 JavaScript 中的數(shù)字。在 JavaScript 中,無論是“整數(shù)”還是“浮點數(shù)”,都是以雙精度浮點類型存儲的。
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 中是沒有這個類型的。
enum Color {
Red,
Green,
Blue
};
var c: Color = Color.Green;
跟 C# 一樣,如果不聲明第一項的值,那么上面 Red 的值就是 0,然后每一項都增加一,即 Green 是 1,Blue 是 2。
enum Color {
Red = 1,
Green,
Blue
};
var c: Color = Color.Green;
所以此時 Red 的值為 1,Green 為 2,Blue 為 3。
當(dāng)然也可以為每一項都指定一個值。
enum Color {
Red = 1,
Green = 2,
Blue = 4
};
var c: Color = Color.Green;
另外枚舉類型還有一個比較特殊的功能,假如我們有一個數(shù)值,但是我們不知道枚舉類型中是否有定義,可以用以下方式來獲?。?/p>
enum Color {
Red = 1,
Green,
Blue
};
var colorName: string = Color[2];
alert(colorName);
colorName = Color[4];
alert(colorName);
那么將會輸出 Green 和 undefined。因為 Green 的值是 2,而沒有一個枚舉定義的值是 4,所以返回 undefined。
6、any
和 JavaScript 中變量的默認類型一樣,指代是動態(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
這個類型僅能在函數(shù)中使用,可以將函數(shù)的返回類型指定為 void,表示該函數(shù)不返回任何值。
function warnUser(): void {
alert("This is my warning message");
}
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
js form表單input框限制20個字符,10個漢字代碼實例
這篇文章主要介紹了js form表單input框限制20個字符,10個漢字,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04MC Dialog js彈出層 完美兼容多瀏覽器(5.6更新)
MC.Dialog 是由肖毅(YesSky) 開發(fā)一款界面絢麗美觀 操作簡單易用的一款js彈出層 MC.Dialog 是經(jīng)過嚴格了測試的 兼容目前ie7+ 以及其他非ie核心的瀏覽器 完美模擬瀏覽器自帶對話框功能2010-05-05Js Snowflake(雪花算法)生成隨機ID的實現(xiàn)方法
這篇文章主要介紹了Js Snowflake(雪花算法)生成隨機ID的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09JS判斷元素是否存在數(shù)組中的5種方式總結(jié)
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JS判斷元素是否存在數(shù)組中的5種方式,需要的朋友可以參考下2023-03-03