国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

TypeScript基礎(chǔ)知識(shí):類型斷言

這篇具有很好參考價(jià)值的文章主要介紹了TypeScript基礎(chǔ)知識(shí):類型斷言。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

????????在 TypeScript 中,類型斷言是一種強(qiáng)制將一個(gè)值視為特定類型的方式。它允許開發(fā)人員在編譯時(shí)指定變量的類型,從而獲得更好的類型檢查和代碼提示。本文將深入探討 TypeScript 中的類型斷言,并提供豐富的示例代碼幫助讀者更好地理解和應(yīng)用這一特性。

一、什么是類型斷言?

????????類型斷言是一種告訴編譯器某個(gè)值的具體類型的方法。它類似于其他編程語言中的類型轉(zhuǎn)換,但在 TypeScript 中并不會(huì)改變變量的運(yùn)行時(shí)值,而只是為了讓編譯器在編譯時(shí)做出正確的類型推斷和檢查。

二、語法

TypeScript 中,有兩種形式的類型斷言可以使用

1、尖括號(hào)語法

let someValue: any = "Hello, TypeScript!";
let strLength: number = (<string>someValue).length;

2、as語法

let someValue: any = "Hello, TypeScript!";
let strLength: number = (someValue as string).length;

尖括號(hào)語法和 as 語法可以互相替代使用,選擇哪種形式主要取決于個(gè)人偏好和項(xiàng)目約定。

三、示例代碼

1、將一個(gè)值斷言為特定類型

let someValue: any = "Hello, TypeScript!";
let strLength: number = (someValue as string).length;
console.log(strLength); // 輸出:17

2、將一個(gè)聯(lián)合類型的變量斷言為其中一個(gè)類型

function printId(id: number | string) {
  if (typeof id === "number") {
    console.log(`ID 是數(shù)字:${id}`);
  } else {
   console.log(`ID 是字符串:${id}`);
  }
}

printId(123); // 輸出:ID 是數(shù)字:123
printId("abc"); // 輸出:ID 是字符串:abc

3、斷言一個(gè)對(duì)象的屬性存在

interface Person {
  name?: string;
  age?: number;
}

function printPerson(person: Person) {
  console.log(person.name!.toUpperCase()); // 使用“!”斷言屬性存在
  console.log(person.age!.toFixed(2)); // 使用“!”斷言屬性存在
}

printPerson({ name: "Alice" }); // 輸出:ALICE

總結(jié):

????????類型斷言是 TypeScript 中的一項(xiàng)強(qiáng)大特性,它允許開發(fā)人員在編譯時(shí)明確指定變量的類型,以獲得更好的類型檢查和代碼提示。通過使用尖括號(hào)語法或 as 語法,我們可以將一個(gè)值斷言為特定類型或?qū)⒙?lián)合類型的變量斷言為其中一個(gè)類型。在實(shí)際開發(fā)中,合理使用類型斷言可以提高代碼的可讀性和維護(hù)性。希望本文能夠幫助讀者更好地理解和應(yīng)用類型斷言這一重要概念。文章來源地址http://www.zghlxwxcb.cn/news/detail-824257.html

到了這里,關(guān)于TypeScript基礎(chǔ)知識(shí):類型斷言的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【03】基礎(chǔ)知識(shí):typescript中的函數(shù)

    函數(shù)聲明法 函數(shù)表達(dá)式/匿名函數(shù) 1、typescript 中定義函數(shù)傳參 函數(shù)聲明 函數(shù)表達(dá)式/匿名函數(shù) 2、可選參數(shù) 在 es5 中,方法的形參和實(shí)參個(gè)數(shù)可以不一樣;但是在 ts 中必須一樣,如果不一樣就需要配置可選參數(shù)。 ts 中 通過【 形參?: 數(shù)據(jù)類型 】形式定義可選參數(shù),代表該參數(shù)

    2024年02月13日
    瀏覽(28)
  • TypeScript 聯(lián)合類型,類型推斷,類型斷言

    取值可以為多種類型中的一個(gè) 當(dāng)變量需要調(diào)用某屬性的時(shí)候,有不確定當(dāng)前的類型是什么,可以使用類型斷言; 類型斷言的兩種方式: 1,類型 變量名; 2,值 as 類型; 沒有明確的指定類型的情況下推斷出一個(gè)類型;

    2024年02月15日
    瀏覽(28)
  • 【01】基礎(chǔ)知識(shí):typescript安裝及使用,開發(fā)工具vscode配置

    【01】基礎(chǔ)知識(shí):typescript安裝及使用,開發(fā)工具vscode配置

    typeScript 是由微軟開發(fā)的一款開源的編程語言。 typeScript 是 javascript 的超級(jí),遵循最新的 es6、es5規(guī)范。 typeScript 擴(kuò)展了 javaScript 的語法。 typeScript 更像后端 java、C# 這樣的面向?qū)ο笳Z言,可以讓 js 開發(fā)大型企業(yè)項(xiàng)目。 全局安裝:$ npm install -g typescript 查看 typescript 版本:$ ts

    2024年02月13日
    瀏覽(35)
  • TypeScript 類型斷言

    TypeScript 類型斷言

    簡(jiǎn)單來說類型斷言就是 使用as 強(qiáng)行指定獲取到的結(jié)果類型 應(yīng)用場(chǎng)景 如果我們不知道一個(gè)標(biāo)簽是什么類型,我們可以像下面這樣 用img標(biāo)簽舉例 先創(chuàng)建一個(gè)img元素,然后把鼠標(biāo)放到接收的變量上面(下圖就是把鼠標(biāo)放在result上面)就會(huì)彈出來img是HTMLImageElement類型了 總結(jié)

    2024年02月14日
    瀏覽(21)
  • TypeScript -類型斷言的簡(jiǎn)單理解

    類型斷言 : 是手動(dòng)的給某個(gè)變量 指定類型,從而可以方便操作該類型的屬性和方法。 方式一 : 變量名 as 類型 方式二 :類型 變量名 注意 : 1、類型斷言只是為了方便明確變量的類型,而不是將變量的類型進(jìn)行改變?。。?2、因此,類型斷言在使用的時(shí)候,建議 在我們已

    2024年02月08日
    瀏覽(20)
  • 【TypeScript】類型斷言-類型的聲明和轉(zhuǎn)換(五)

    【TypeScript】類型斷言-類型的聲明和轉(zhuǎn)換(五)

    一、簡(jiǎn)介 TypeScript 斷言是指在編寫代碼時(shí),開發(fā)者能夠告訴編譯器某個(gè)值的具體類型,從而可以在編譯階段強(qiáng)制類型檢查。 這其實(shí)在某些強(qiáng)類型語言中,類似于強(qiáng)制類型轉(zhuǎn)換的操作。 類型斷言有兩種形式實(shí)現(xiàn): 尖括號(hào)語法 as語法 二、斷言形式 2.1 尖括號(hào)語法 尖括號(hào)語法:開

    2024年02月13日
    瀏覽(24)
  • TypeScript 學(xué)習(xí)筆記(一):基本類型、交叉類型、聯(lián)合類型、類型斷言

    TypeScript 學(xué)習(xí)筆記(一):基本類型、交叉類型、聯(lián)合類型、類型斷言

    TS中實(shí)現(xiàn)對(duì)象屬性必選、對(duì)象屬性在開發(fā)過程中十分常見,前端在傳參數(shù)時(shí),有些參數(shù)比必傳,有些是選傳,我們可以定一個(gè)多個(gè)對(duì)象來實(shí)現(xiàn)傳參,但是這讓代碼變得冗余。我們可以通過TS定義數(shù)據(jù)類型來實(shí)現(xiàn)。 TypeScript中文網(wǎng) 1. 數(shù)組 2. 布爾 3. 數(shù)值 當(dāng)我們給num賦值為123但沒有

    2024年02月15日
    瀏覽(24)
  • 【TypeScript】TS類型斷言-類型的聲明和轉(zhuǎn)換(五)

    【TypeScript】TS類型斷言-類型的聲明和轉(zhuǎn)換(五)

    ??個(gè)人主頁: 不叫貓先生 ???♂?作者簡(jiǎn)介:前端領(lǐng)域新星創(chuàng)作者、華為云享專家、阿里云專家博主,專注于前端各領(lǐng)域技術(shù),共同學(xué)習(xí)共同進(jìn)步,一起加油呀! ??系列專欄:vue3從入門到精通、TypeScript從入門到實(shí)踐 ??個(gè)人簽名:不破不立 ??資料領(lǐng)?。呵岸诉M(jìn)階資料以

    2024年02月22日
    瀏覽(23)
  • typeScript中的類型斷言和類型別名、字符串字面量類型

    目錄 1.類型斷言 語法 ?2.類型斷言的用途 2.1?將一個(gè)聯(lián)合類型斷言為其中一個(gè)類型? ?2.2 將一個(gè)父類斷言為更加具體的子類 ?2.3?將任何一個(gè)類型斷言為?any 2.4?將?any?斷言為一個(gè)具體的類型 類型斷言的限制 雙重?cái)嘌?類型斷言 vs 類型轉(zhuǎn)換 類型斷言 vs 類型聲明 類型斷言 vs

    2024年02月04日
    瀏覽(19)
  • TypeScript的基礎(chǔ)類型

    1. boolean類型: boolean表示布爾值類型,即true和false。例: 2. number類型: number表示數(shù)字類型,包括整數(shù)和浮點(diǎn)數(shù)。例: 3. string類型: string表示字符串類型。例: 4. void類型: void表示沒有返回值的函數(shù)類型。例: 5. null和undefined類型: null和undefined表示null和undefined值的類型。例

    2024年02月11日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包