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

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

定义泛型类和使用泛型类


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());


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

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


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

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

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

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

interface TestInterface {
    name: string;
}
interface TestInterface {
    age: number;
}
class Person implements TestInterface {
    age: number = 19;
    name: string = 'yby6';
}


最后


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

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

相关文章
|
4月前
|
JavaScript
typeScript基础(5)_对象的类型-interfaces接口
本文介绍了TypeScript中接口(interfaces)的基本概念和用法,包括如何定义接口、接口的简单使用、自定义属性、以及如何使用`readonly`关键字定义只读属性。接口在TypeScript中是定义对象形状的重要方式,可以规定对象的必有属性、可选属性、自定义属性和只读属性。
48 1
|
4月前
|
JavaScript 编译器
typescript之泛型
typescript之泛型
137 60
|
3月前
|
JavaScript 前端开发
TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第11天】TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
3月前
|
JavaScript 前端开发 Java
TypeScript【接口】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第10天】TypeScript【接口】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
3月前
|
JavaScript 前端开发
Vue2整合TypeScript:借助vue-property-decorator以类模式编写组件
Vue2整合TypeScript:借助vue-property-decorator以类模式编写组件
210 3
|
4月前
|
JavaScript 安全
typeScript进阶(14)_泛型和注意事项
TypeScript中的泛型允许创建可重用的代码。泛型可以定义函数、接口、类,支持传递类型参数,实现类型安全。泛型可以用于数组,约束类型参数必须符合特定的接口,也可以在接口和类中使用。泛型类可以包含多个类型参数,甚至在泛型约束中使用类型参数。
31 1
typeScript进阶(14)_泛型和注意事项
|
4月前
|
数据采集 JavaScript 前端开发
使用 TypeScript 接口优化数据结构
使用 TypeScript 接口优化数据结构
|
4月前
|
JavaScript
typeScript进阶(13)_类与注意事项(八项特性)
TypeScript的类支持特性包括:构造函数、继承(使用`extends`)、公有/私有/受保护修饰符、只读修饰符、参数属性、存取器(getters/setters)、抽象类(用`abstract`声明)。类可用作类型。
31 0
typeScript进阶(13)_类与注意事项(八项特性)
|
3月前
|
JavaScript 安全 前端开发
TypeScript :枚举&字符&泛型
本文介绍了 TypeScript 中的泛型、约束、枚举和字符操作的基本用法。通过示例代码展示了如何定义和使用泛型函数、类和接口,以及如何利用 `keyof` 约束类型。此外,还介绍了枚举的定义和使用,包括常量枚举和外部枚举的区别。最后,简要说明了 `?.` 和 `??` 操作符的用途,帮助处理可能为空的属性和提供默认值。
|
5月前
|
JavaScript 安全 算法
TypeScript:一个好泛型的价值
TypeScript:一个好泛型的价值