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

typescript中interface和type的區(qū)別

這篇具有很好參考價值的文章主要介紹了typescript中interface和type的區(qū)別。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

在TypeScript中,interface和type都用于定義類型,但它們有以下區(qū)別:

  1. 語法
    interface使用關(guān)鍵字interface來定義類型,而type使用關(guān)鍵字type來定義類型。
  2. 定義方式
    • interface 可以通過繼承其他interface來擴展自身的屬性和方法,也可以多次聲明同名的interface,它們會自動合并成一個接口。
    • type可以使用交叉類型(用&連接)或聯(lián)合類型(用 | 連接)來組合其他類型,但不能直接繼承其他type。同樣的,多次聲明同名的type導(dǎo)致類型沖突錯誤。
interface Person {
	name: string
}

interface Employee extends Person {
	salary: number;
}

const john: Person = { name: 'John' };

type Dog = {
	name: string;
}

type GuardDog = Dog & {
	isGurading: boolean;
}

const dog: GuardDog = { name: "Buddy", isGuarding: true}
  1. 同名合并
    • 如果你定義了多個同名的interface,它們會被自動合并成一個,合并后的interface會擁有所有定義的屬性和方法。
    • type不支持同名合并,如果多次聲明同名的type,則會導(dǎo)致類型沖突錯誤。
interface Person {
	name: string;
}
interface Person{
	age: number;
}

const p: Person = { name: 'John', age: 25 };
  1. 兼容性
    • 對于對象類型,interface會進行兼容性檢查以確保屬性的兼容性和缺失屬性的檢查;而type則更加寬松,只要目標類型具有所需的屬性即可。
    • 當(dāng)使用implement關(guān)鍵字實現(xiàn)一個接口時,編譯器會強制檢查是否實現(xiàn)了所有接口的屬性和方法。
interface Animal {
	name: string;
}

type Dog = {
	name: string;
	breed: string;
}

const animal: Animal = { name: 'Tom' };
const dog: Dog = { name: 'Spike', breed: "Labrador"};

animal = dog; // 兼容
dog = animal; // 不兼容

總體來說,interface主要用于定義對象類型和接口的繼承,而type則更靈活,可以定義復(fù)雜的類型別名。在選擇使用interface還是type時,可以根據(jù)具體情況和個人偏好來決定。一般情況下,如果需要定義對象的結(jié)構(gòu)或者實現(xiàn)類似接口的功能,可以使用interface;如果需要描述更復(fù)雜的類型或進行類型組合,可以使用type。文章來源地址http://www.zghlxwxcb.cn/news/detail-589534.html

到了這里,關(guān)于typescript中interface和type的區(qū)別的文章就介紹完了。如果您還想了解更多內(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】TS中type和interface在類型聲明時的區(qū)別

    【TypeScript】TS中type和interface在類型聲明時的區(qū)別

    ?? 個人主頁: 不叫貓先生 ???♂? 作者簡介:2022年度博客之星前端領(lǐng)域TOP 2,前端領(lǐng)域優(yōu)質(zhì)作者、阿里云專家博主,專注于前端各領(lǐng)域技術(shù),共同學(xué)習(xí)共同進步,一起加油呀! ??優(yōu)質(zhì)專欄: vue3+vite+typeScript從入門到實踐 ?? 資料領(lǐng)?。呵岸诉M階資料可以找我免費領(lǐng)取 ??

    2023年04月26日
    瀏覽(25)
  • 一文了解JavaScript 與 TypeScript的區(qū)別

    一文了解JavaScript 與 TypeScript的區(qū)別

    TypeScript 和 JavaScript 是兩種互補的技術(shù),共同推動前端和后端開發(fā)。在本文中,我們將帶您快速了解JavaScript 與 TypeScript的區(qū)別。 ? 一、TypeScript 和 JavaScript 之間的區(qū)別 JavaScript 和 TypeScript 看起來非常相似,但有一個重要的區(qū)別。 JavaScript 和 TypeScript 之間的主要區(qū)別在于 JavaS

    2024年02月14日
    瀏覽(23)
  • TypeScript是什么?它與JavaScript有什么區(qū)別?

    面試題-TS(1):TypeScript是什么?它與JavaScript有什么區(qū)別? TypeScript是一種編程語言,它是JavaScript的超集。它通過添加靜態(tài)類型、類、接口和模塊等功能來擴展JavaScript。 JavaScript是一種廣泛應(yīng)用于Web開發(fā)的腳本語言,它的靈活性和易用性使得它成為了開發(fā)者們的首選。然而,JavaS

    2024年02月16日
    瀏覽(21)
  • typeof 在TypeScript中和JavaScript中的區(qū)別

    typeof 在TypeScript中和JavaScript中的區(qū)別

    ????????在TypeScript中和JavaScript中都有typeOf,但是作用用法卻大有不同。 一、typeof用來判斷數(shù)據(jù)類型返回結(jié)果: 基本數(shù)據(jù)類型:string,number,boolean,undefined 引用數(shù)據(jù)類型:object (不管是什么引用類型就返回object),function 二、typeof判斷變量是否存在 ????????ts中的typeof可

    2024年02月09日
    瀏覽(36)
  • 面試題-TS(一):TypeScript是什么?它與JavaScript有什么區(qū)別?

    面試題-TS(一):TypeScript是什么?它與JavaScript有什么區(qū)別? TypeScript是一種編程語言,它是JavaScript的超集。它通過添加靜態(tài)類型、類、接口和模塊等功能來擴展JavaScript。 JavaScript是一種廣泛應(yīng)用于Web開發(fā)的腳本語言,它的靈活性和易用性使得它成為了開發(fā)者們的首選。然而,Jav

    2024年02月15日
    瀏覽(19)
  • JavaScript、TypeScript、ES5、ES6之間的聯(lián)系和區(qū)別

    JavaScript、TypeScript、ES5、ES6之間的聯(lián)系和區(qū)別

    ECMAScript: ?一個由 ECMA International 進行標準化,TC39 委員會進行監(jiān)督的語言。通常用于指代標準本身。 JavaScript: ?ECMAScript 標準的各種實現(xiàn)的最常用稱呼。這個術(shù)語并不局限于某個特定版本的 ECMAScript 規(guī)范,并且可能被用于任何不同程度的任意版本的 ECMAScript 的實現(xiàn)。 ECMAS

    2024年02月13日
    瀏覽(34)
  • TypeScript的interface

    目錄 一、基本使用 二、interface重名、重合 三、任意key 四、interface的? 五、interface的readonly 六、interfacec的接口繼承 七、interface定義函數(shù) 總結(jié): 變量a這個對象必須有name和age這兩個屬性,并且他們的類型分別是string和number, 這都相當(dāng)與給變量a聲明了一個指定的類型A ?總結(jié):

    2024年02月09日
    瀏覽(22)
  • Typescript 之接口 interface(詳解)

    TS新增了一個重要概念:接口, 分為對象類型接口和函數(shù)類型接口 接口可以約束對象,函數(shù),類的結(jié)構(gòu)和類型,是一種代碼協(xié)作必須遵守的契約 Interface 是一種描述對象或函數(shù)的東西。你可以把它理解為形狀,一個對象需要有什么樣的屬性,函數(shù)需要什么參數(shù)或返回什么樣的值,數(shù)

    2024年02月10日
    瀏覽(26)
  • 【TypeScript】接口類型 Interfaces 的使用理解

    【TypeScript】接口類型 Interfaces 的使用理解

    導(dǎo)語 : 什么是 類型接口 ? 在面向?qū)ο笳Z言中 ,接口 (Interfaces) 是一個很重要的概念,它是對行為的抽象,而具體如何行動需要由類(classes)去實現(xiàn)(implement)。TypeScript 中的 類型接口 是一個非常靈活的概念,除了可用于 對類的一部分行為進行抽象 以外,也常用于對「

    2024年02月15日
    瀏覽(23)
  • TypeScript--接口interface的定義,實現(xiàn),繼承

    TypeScript--接口interface的定義,實現(xiàn),繼承

    可瀏覽博客主頁的 TypeScript 專欄,會陸續(xù)添加相關(guān)文章,有問題或者可以優(yōu)化的地方也希望大大門告知 共同進步 :) ts版本 Version 4.8.4 TypeScript的核心原則之一是對值所具有的結(jié)構(gòu)進行類型檢查。 它有時被稱做“鴨式辨型法”或“結(jié)構(gòu)性子類型化”。 在TypeScript里,接口的作

    2023年04月12日
    瀏覽(29)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包