ts之 Mixin混入

對象的混入

interface Name {
  name: string;
}
interface Age {
  age: number;
}
interface Sex {
  sex: number;
}
let aa: Name = { name: "ppp" };
let bb: Age = { age: 10 };
let cc: Sex = { sex: 1 };
let obj = Object.assign(aa, bb, cc); // let obj: Name & Age & Sex

類的混入

// 類的混入 mixin
class AA {
  type: boolean;
  changeType() {
    this.type = !this.type;
  }
  constructor(type: boolean) {
    this.type = type;
  }
}
class BB {
  name: string;
  public changeName(name: string): string {
    return this.name = name;
  }
  constructor(name: string) {
    this.name = name;
  }
}
// @ts-ignore // @ts-ignore

class CC implements AA, BB {
  type: boolean = false;
  name: string = "ppp";
  // @ts-ignore
  changeType: () => void;
  // @ts-ignore
  changeName: (name: string) => string; // 屬性“changeType”沒有初始化表達式，且未在構造函數中明確賦值
}

mixins(CC, [AA, BB]);
function mixins(curCls: any, itemCls: any[]) {
  itemCls.forEach((item) => {
    // console.log("item", item); // item [class AA] item [class BB]
    Object.getOwnPropertyNames(item.prototype).forEach((name) => {
      curCls.prototype[name] = item.prototype[name];
    });
  });
}
let ccc = new CC();
console.log("ccc", ccc.name); // ccc ppp
console.log("ccc", ccc.type); // ccc flase
ccc.changeType();
console.log("ccc", ccc.type); // ccc true
ccc.changeName("小小");
console.log("ccc", ccc.name); // ccc 小小