前言
ypeScript中的混入(Mixins)是一项强大的面向对象编程技术,它允许开发者在类之间共享和复用代码,以创建具有多个不同特征的类的组合。混入实际上是将一个或多个类的成员添加到另一个类中,而不需要继承整个类层次结构。
通过混入,开发者可以轻松地将通用功能模块化,然后将它们组合在不同的类中,从而实现更高级的复杂性和灵活性。这对于避免多重继承的问题非常有用,因为TypeScript不支持多继承。
对象混入
通过
Object.assign
方法进行混入
let obj1 = {name: 'yangbuyiya'}; let obj2 = {age: 34}; Object.assign(obj1, obj2); console.log(obj1); console.log(obj2);
类混入
博主假设有这么一个需求: 定义两个类, 将两个类的内容混入到一个新的类中,你看到该需求会不会第一时间想到通过继承的方式来进行实现,那么这个时候就有一个注意点需要你注意一下了,在 TS 当中一次只能继承一个类,不能进行多继承,所以这个时候就可以利用混入来实现该需求,可以通过,Object.getOwnPropertyNames()
方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组,然后在依次赋值即可如下:
class Dog { name: string = 'wc'; say(): void { console.log('wang wang'); } } class Cat { age: number = 3; run(): void { console.log('run run'); } } class Animal implements Dog, Cat { name: string; age: number; say: () => void; run: () => void; } function myMixin(target: any, from: any[]) { from.forEach((fromItem) => { Object.getOwnPropertyNames(fromItem.prototype).forEach((name) => { target.prototype[name] = fromItem.prototype[name]; }) }) } myMixin(Animal, [Dog, Cat]); let a = new Animal(); console.log(a); a.say(); a.run();
在类的混入当中,被混入的类当中的属性是不能被继承的可以查看下图即可验证:
最后
本期结束咱们下次再见👋~
🌊 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问,欢迎在评论区留言,我一般看到都会回复的。大家点赞支持一下哟~ 💗