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

Typescript的類型推導(dǎo)與聯(lián)合類型

這篇具有很好參考價值的文章主要介紹了Typescript的類型推導(dǎo)與聯(lián)合類型。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

考慮以下 TypeScript 代碼片段:

function processInput(input: string | number): void {
    if (typeof input === "string") {
        console.log(`Input is a string: ${input.toUpperCase()}`);
    } else if (typeof input === "number") {
        console.log(`Input is a number: ${input.toFixed(2)}`);
    }
}

const example1: string | number = "Hello";
const example2: string | number = 42;

processInput(example1);
processInput(example2);

1、請解釋 processInput 函數(shù)的作用和輸入?yún)?shù)的類型。
2、解釋變量 example1 和 example2 的類型注解。
3、描述 TypeScript 在調(diào)用 processInput(example1) 和 processInput(example2) 時是如何進行類型推導(dǎo)的。

解答:

1、processInput 函數(shù)接受一個參數(shù) input,該參數(shù)的類型是 string 或 number。函數(shù)根據(jù)輸入?yún)?shù)的實際類型,在控制臺輸出不同的信息。如果 input 是字符串,則輸出其大寫形式;如果是數(shù)字,則輸出其保留兩位小數(shù)的形式。

2、example1 和 example2 的類型注解分別是 string | number,表示這兩個變量可以是字符串或數(shù)字類型的值。

3、在調(diào)用 processInput(example1) 時,TypeScript 推導(dǎo)出 example1 是字符串類型,因為它在聲明時被賦值為字符串。在調(diào)用 processInput(example2) 時,TypeScript 推導(dǎo)出 example2 是數(shù)字類型,因為它在聲明時被賦值為數(shù)字。這種類型推導(dǎo)使得函數(shù)在運行時能夠正確地處理不同類型的輸入?yún)?shù)。文章來源地址http://www.zghlxwxcb.cn/news/detail-810628.html

到了這里,關(guān)于Typescript的類型推導(dǎo)與聯(lián)合類型的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • TypeScript:為什么JavaScript需要類型檢查?

    JavaScript是當(dāng)今最為流行的編程語言之一。它是一種高級的、解釋性的編程語言,用于Web應(yīng)用程序的開發(fā)。然而,JavaScript的靈活性也是它的弱點之一。JavaScript中的變量、函數(shù)、類等都是動態(tài)類型,這意味著它們的類型可以在運行時發(fā)生變化。雖然這種靈活性為JavaScript開發(fā)人員

    2024年02月04日
    瀏覽(22)
  • 【前端進階】-TypeScript高級類型 | 交叉類型、索引簽名類型、映射類型

    【前端進階】-TypeScript高級類型 | 交叉類型、索引簽名類型、映射類型

    前言 博主主頁????蠟筆雛田學(xué)代碼 專欄鏈接????【TypeScript專欄】 上篇文章講解了TypeScript部分高級類型 詳細內(nèi)容請閱讀如下:?? 【前端進階】-TypeScript高級類型 | 類的初始化、構(gòu)造函數(shù)、繼承、成員可見性 今天來學(xué)習(xí)TypeScript另外一些高級類型! 感興趣的小伙伴一起來

    2023年04月08日
    瀏覽(16)
  • TypeScript:賦予JavaScript數(shù)據(jù)類型新的力量,提升編程效率!

    TypeScript:賦予JavaScript數(shù)據(jù)類型新的力量,提升編程效率!

    ?? 岸邊的 風(fēng): 個人主頁 ??? ?個人專欄? : 《 VUE 》?《 javaScript 》 ??? 生活的理想,就是為了理想的生活?! ? TypeScript: 擴展 JavaScript 數(shù)據(jù)類型,賦予編程更強大的表達能力! 在現(xiàn)代Web開發(fā)中, TypeScript 已經(jīng)成為了一種備受歡迎的編程語言。它不僅繼承了 JavaScript 的

    2024年02月09日
    瀏覽(52)
  • 前端TypeScript學(xué)習(xí)day02-TS常用類型

    前端TypeScript學(xué)習(xí)day02-TS常用類型

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) 目錄 TypeScript 常用類型 接口? 元組? 類型推論 類型斷言 字面量類型 枚舉 any 類型 typeof? 當(dāng)一個對象類型被多次使用時,一般會使用接口(interface)來描述對象的類型,達到

    2024年02月08日
    瀏覽(29)
  • 前端TypeScript學(xué)習(xí)day03-TS高級類型

    前端TypeScript學(xué)習(xí)day03-TS高級類型

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) ? ? ? ? ?? 目錄 TypeScript 高級類型 class 類 class繼承? extends implements? 類成員可見性? public? protected? private? ?readonly 兼容性 類型兼容性 接口兼容性? 函數(shù)兼容性? TypeScri

    2024年02月08日
    瀏覽(20)
  • 前端TypeScript學(xué)習(xí)day04-交叉類型與泛型

    前端TypeScript學(xué)習(xí)day04-交叉類型與泛型

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) ? ? ? ? ?? 目錄 交叉類型 泛型 創(chuàng)建泛型函數(shù) 調(diào)用泛型函數(shù): 簡化調(diào)用泛型函數(shù): 泛型約束? 指定更加具體的類型 添加約束? 泛型接口? 泛型類 泛型工具類型? Partial?

    2024年02月08日
    瀏覽(28)
  • 前端TypeScript學(xué)習(xí)day05-索引簽名、映射與類型聲明文件

    前端TypeScript學(xué)習(xí)day05-索引簽名、映射與類型聲明文件

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) ? ? ? ? ?? ? 目錄 索引簽名類型? 映射類型 索引查詢(訪問)類型 基本使用? 同時查詢多個索引的類型? TypeScript 類型聲明文件? 概述 TS 的兩種文件類型? 類型聲明文件的

    2024年02月08日
    瀏覽(23)
  • 前端TypeScript學(xué)習(xí)day01-TS介紹與TS部分常用類型

    前端TypeScript學(xué)習(xí)day01-TS介紹與TS部分常用類型

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) 目錄 TypeScript 介紹 TypeScript 是什么 TypeScript 為什么要為 JS 添加類型支持?? TypeScript 相比 JS 的優(yōu)勢? TypeScript 初體驗? 安裝編譯 TS 的工具包 編譯并運行 TS 代碼 簡化運行 TS

    2024年02月08日
    瀏覽(23)
  • 前端經(jīng)典面試題 | 吊打面試官系列 之 說說你對TypeScript 和 JavaScript的理解

    ??? 前端經(jīng)典面試題 專欄:吊打面試官系列 之 說說你對TypeScript 和 JavaScript的理解 ????? 個人簡介:一個不甘平庸的平凡人?? ? 個人主頁:CoderHing的個人主頁 ?? 格言: ?? 路漫漫其修遠兮,吾將上下而求索?? ?? 你的一鍵三連是我更新的最大動力?? 目錄 一、回答

    2024年01月17日
    瀏覽(41)
  • 服務(wù)端使用ASP.NET Core SignalR與Vue3(TypeScript與JavaScript)前端建立通信(以進度條為例)

    服務(wù)端使用ASP.NET Core SignalR與Vue3(TypeScript與JavaScript)前端建立通信(以進度條為例)

    1. ASP.NET Core ? ? ? ? ? ASP.NET Core 是一個跨平臺、高性能及開源的框架,用于生成基于云且連接互聯(lián)網(wǎng)的新式應(yīng)用程式。 官方文檔:ASP.NET documentation | Microsoft Learn ?2.? ASP.NET Core SignalR ? ? ? ? ASP.NET Core SignalR 是開源庫,用于服務(wù)端與客戶端建立實時通信,可以自動管理連接

    2024年02月06日
    瀏覽(22)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包