亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

TypeScript接口和類型別名有什么區別?

在 TypeScript 中,定义对象结构主要有两种方式。

使用这些接口,

// 一个表示人的接口
interface Person {
    // 名字:字符串;年龄:数字
    name: string;
    age: number;
}

可以切换到全屏模式,也可以退出全屏模式

使用类型别名的方法:

    // 以下定义了一个名为 Person 的类型,包含两个属性:name 和 age
    type Person = {
         name: string;
         age: number;
    }

点击全屏 点击退出全屏

它们有什么不同?

界面只能定义对象的结构,而类型可以定义任何数据类型。

    类型 MyVar = string | number; // 我们不能用接口来实现这个

全屏模式, 退出全屏

2-, 接口可以再打开。

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

// Person 必须同时具有 name 和 age 这两个属性
const john: Person = {
    name: "John",
    age: 20
}

// 如果我使用的是第三方库提供的接口,这样做会非常有帮助,这样我就可以在不创建新接口的情况下向导入的接口添加更多属性。

进入全屏,退出全屏

3- 接口可以使用 extends 关键字来继承其他接口

    接口 Animal {
         name: string;
    }
    接口 Dog extends Animal {
         age: number;
    }

    // 多继承
    接口 Patient {
         id: number;
    }

    接口 Husky extends Dog, Patient {
         // "order" 可能指的是某种排序或序列号
         order: number;
    }

切换到全屏模式 退出全屏

也可以使用类型别名和 & 交集运算符_ 实现继承。

    类型 Animal = {
         名字: 字符串;
    };
    类型 Dog = Animal & {
         品种: 字符串;
    };

全屏查看,取消全屏

结论是:

  1. 接口用来定义对象的形态。
  2. 接口可以被重新定义。
  3. 接口可以使用 extends 关键字进行继承。
  4. 接口和类型别名都可以用来定义对象的形状,但接口更适用于继承和面向对象的概念,因此,在继承和面向对象的概念中,它们显得更直观和熟悉。
點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消