Question

我试图创建一个使用许多其他可能类的组件构造的动态类。

我尝试使用ES6 Object.assign（）添加和删除它们，并且可以复制变量，但似乎无法复制这些方法。

以下是我尝试做的一个例子：

class foo {
  salad: string = 'salad';
  chop(){
    console.log('Chop');
  }
}

class man {
  nuts: string = 'nuts';
  kick(){
    console.log('Kick')
  }
}

class choo {
  add(){
    var f: foo = new foo();
    var m: man = new man();
    //Copy variables
    Object.assign(this, f, m);
    //Copy methods
    //Object.assign(this.prototype, f, m);
  }
  remove(){
    d = Object.getPrototypeOf(foo);
    for (key in d){
        delete this[key]
    }
  }
}

var karate = new choo();
karate.add();

//karate.chop();
console.log(karate.salad);
//karate.kick();
console.log(karate.nuts);

我试图在http://fiddlesalad.com/typescript/上分享一个例子，但它不会保存。注释掉了无效的代码。

Object.assign（this.prototype，obj1）是ES6建议将原型函数从一个类复制到另一个类但TypeScript似乎不喜欢它。

有什么想法吗？

Answer 1

这是一次彻底的黑客攻击，但它似乎正在寻找你正在寻找的东西：

function extend < A, B > (d: A,
b: B) {
    for (var x in b) d[x] = b[x];
    return <A & B > d;
}

interface Object {
    assign < P, Q > (a: P,
    ...b: Q[]): P & Q;
}

interface ifoo {
    salad: string;
    chop();
}

interface iman {
    nuts: string;
    kick();
}

class foo implements ifoo {
    salad: string = 'salad';
    chop() {
        console.log('Chop');
    }
}

class man implements iman {
    nuts: string = 'nuts';
    kick() {
        console.log('Kick')
    }
}

class choo {
    foo: foo;
    man: man;
    add() {
        return extend(this, extend(this.foo = new foo(), this.man = new man()));        
    }
    remove() {
        Object.keys(this.man).forEach(k => delete this[k]);
        return <ifoo><any>this;
    }
}


let both = new choo();
var karate = both.add();
console.log("karate", karate);
karate.chop();
console.log(karate.salad);
karate.kick();
console.log(karate.nuts);

let chooman = both.remove();
console.log("karate", karate);
chooman.chop();

Answer 2

首先，我会指出mixins可能是我正在寻找的正确答案。

这是一篇关于mixins的好文章：

https://www.stevefenton.co.uk/2014/02/TypeScript-Mixins-Part-One/

话虽如此，我确实找到了一个使用Object.assign()的解决方案，尽管由于直接改变__proto__，它可能有点不受欢迎。

Choo现在看起来像这样：

class choo {
  add(){
    var f: foo = new foo();
    var m: man = new man();
    //Copy variables
    Object.assign(this, f, m);
    //Copy methods
    Object.assign(this.__proto__, foo.prototype, man.prototype);
  }
}

remove()方法已被删除，因为Object.assign()将覆盖类方法，如果它们共享相同的名称。在测试之前，我不确定是否会出现问题。

TypeScript动态类 - 合并/删除

2 个答案: