欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

TypeScript 學(xué)習(xí)筆記之基本類型

 更新時(shí)間:2015年06月19日 08:51:04   投稿:hebedich  
TypeScript 是 JavaScript 的超集,TypeScript 經(jīng)過編譯之后都會生成 JavaScript 代碼。TypeScript 最大的特點(diǎn)就是類型化,因此才叫做 TypeScript。比起弱類型的 JavaScript,類型化的 TypeScript 顯得更加容易維護(hù)。

在 TypeScript 中一共有 7 種基本類型。

1、boolean

復(fù)制代碼 代碼如下:

var isDone: boolean = false;

2、number

代表 JavaScript 中的數(shù)字。在 JavaScript 中,無論是“整數(shù)”還是“浮點(diǎn)數(shù)”,都是以雙精度浮點(diǎn)類型存儲的。

復(fù)制代碼 代碼如下:

var height: number = 6;

3、string

代表字符串。跟 JavaScript 一樣,可以使用一對雙引號(")或一對單引號(')來表示字符串。

復(fù)制代碼 代碼如下:

var name: string = "bob";
name = 'smith';

4、array

TypeScript 中有兩種數(shù)組聲明方法。

①使用“[]”來聲明:

復(fù)制代碼 代碼如下:

var list: number[] = [1, 2, 3];

②使用數(shù)組類型來聲明:

復(fù)制代碼 代碼如下:

var list: Array<number> = [1, 2, 3];

兩種聲明方式都可以使用,效果并不會有區(qū)別。但建議代碼中應(yīng)盡量只使用其中一種,以保持代碼風(fēng)格統(tǒng)一。

5、enum

枚舉類型是 TypeScript 中新添加的,而 JavaScript 中是沒有這個(gè)類型的。

復(fù)制代碼 代碼如下:

enum Color {
    Red,
    Green,
    Blue
};
var c: Color = Color.Green;

跟 C# 一樣,如果不聲明第一項(xiàng)的值,那么上面 Red 的值就是 0,然后每一項(xiàng)都增加一,即 Green 是 1,Blue 是 2。

復(fù)制代碼 代碼如下:

enum Color {
    Red = 1,
    Green,
    Blue
};
var c: Color = Color.Green;

所以此時(shí) Red 的值為 1,Green 為 2,Blue 為 3。

當(dāng)然也可以為每一項(xiàng)都指定一個(gè)值。

復(fù)制代碼 代碼如下:

enum Color {
    Red = 1,
    Green = 2,
    Blue = 4
};
var c: Color = Color.Green;

另外枚舉類型還有一個(gè)比較特殊的功能,假如我們有一個(gè)數(shù)值,但是我們不知道枚舉類型中是否有定義,可以用以下方式來獲?。?/p>

復(fù)制代碼 代碼如下:

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)的,能夠賦予任意類型。例如:

復(fù)制代碼 代碼如下:

var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

定義為 any 后,將失去語法感知的功能,就相當(dāng)于寫 JavaScript 一樣。

值得一提的是,any 可以配合數(shù)組來使用:

復(fù)制代碼 代碼如下:

var list: any[] = [1, true, "free"];
list[1] = 100;

7、void

這個(gè)類型僅能在函數(shù)中使用,可以將函數(shù)的返回類型指定為 void,表示該函數(shù)不返回任何值。

復(fù)制代碼 代碼如下:

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è)漢字代碼實(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 js彈出層 完美兼容多瀏覽器(5.6更新)

    MC.Dialog 是由肖毅(YesSky) 開發(fā)一款界面絢麗美觀 操作簡單易用的一款js彈出層 MC.Dialog 是經(jīng)過嚴(yán)格了測試的 兼容目前ie7+ 以及其他非ie核心的瀏覽器 完美模擬瀏覽器自帶對話框功能
    2010-05-05
  • 基于JavaScript實(shí)現(xiàn)新年賀卡特效

    基于JavaScript實(shí)現(xiàn)新年賀卡特效

    本文介紹了一款超級炫酷的2022新年快樂html網(wǎng)頁特效,霓虹的城市夜景和絢爛的煙花很是特別,該html頁面還有交互效果,點(diǎn)擊鼠標(biāo)就會呈現(xiàn)煙花綻放的特效。需要的可以參考一下
    2022-01-01
  • JS實(shí)現(xiàn)百度新聞導(dǎo)航欄效果

    JS實(shí)現(xiàn)百度新聞導(dǎo)航欄效果

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)百度新聞導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 基于layui輪播圖滿屏是高度自適應(yīng)的解決方法

    基于layui輪播圖滿屏是高度自適應(yīng)的解決方法

    今天小編就為大家分享一篇基于layui輪播圖滿屏是高度自適應(yīng)的解決方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • Js Snowflake(雪花算法)生成隨機(jī)ID的實(shí)現(xiàn)方法

    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代碼的方法

    今天小編就為大家分享一篇原生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é)

    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
  • js實(shí)現(xiàn)移動端吸頂效果

    js實(shí)現(xiàn)移動端吸頂效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動端吸頂效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-01-01

最新評論