对象混入
- 通过
Object.assign
方法进行混入
let obj1 = {name: 'BNTang'};
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();
在类的混入当中,被混入的类当中的属性是不能被继承的可以查看下图即可验证: