前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >TypeScript-类和泛型和ypeScript-接口合并现象

TypeScript-类和泛型和ypeScript-接口合并现象

原创
作者头像
杨不易呀
发布2023-09-28 19:24:33
发布2023-09-28 19:24:33
1650
举报
文章被收录于专栏:杨不易呀杨不易呀

定义泛型类和使用泛型类

代码语言:typescript
复制
class CaChe<T> {
    arr: T[] = [];

    add(value: T): T {
        this.arr.push(value);
        return value;
    }

    all(): T[] {
        return this.arr;
    }
}

let caChe = new CaChe<number>();
caChe.add(1);
caChe.add(3);
caChe.add(5);
console.log(caChe.all());
image-20211128233727410
image-20211128233727410

当我们定义了多个同名的接口时, 多个接口的内容会自动进行合并

代码语言:typescript
复制
interface TestInterface {
    name: string;
}

interface TestInterface {
    age: number;
}

如上的代码内部自动会处理为如下形式:

代码语言:typescript
复制
interface TestInterface {
    name: string;
    age: number;
}

验证我如上的说法,当我们只实现 name 发现报错了:

image-20211128234426545
image-20211128234426545

然后在两个属性都进行实现,发现没有问题:

代码语言:typescript
复制
interface TestInterface {
    name: string;
}

interface TestInterface {
    age: number;
}

class Person implements TestInterface {
    age: number = 19;
    name: string = 'yby6';
}
输入图片说明
输入图片说明

最后

本期结束咱们下次再见👋~

🌊 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问,欢迎在评论区留言,我一般看到都会回复的。大家点赞支持一下哟~ 💗

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

输入图片说明
输入图片说明

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义泛型类和使用泛型类
  • 最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档