JavaScript에서 클래스의 인스턴스를 동적으로 상속받습니다.

Question

JavaScript에서 상속에 어려움을 겪고 있습니다.

class Parent { 
    constructor({ name, someOtherStuff } = {}) { 
    this.name = name; 
    this.someOtherStuff = someOtherStuff; 
    } 

    someMethod() { 
    // ... 
    } 
} 

나는 다음 날 할 수 있도록 해주는 장식을 만들고 싶습니다 : : 이제 나는 다음과 같은 클래스가 있다고 가정 해 봅시다

@parent({ 
    name: 'foo', 
    someOtherStuff: 'bar' 
}) 
class MyClass extends Component { 
    myMethod() { 
    // ... 
    } 
} 

const instance = new MyClass(); 

// Those tests must pass 
expect(instance.someMethod).toBeFunction(); 
expect(instance.name).toEqual('foo'); 
expect(instance.someOtherStuff).toEqual('bar'); 
expect(instance.myMethod).toBeFunction(); 
expect(instance instanceof Parent).toBe(true); 
expect(instance instanceof MyClass).toBe(true); 

등의 장식을 만들 수있는 방법이 있나요? 여러 솔루션을 시도했지만 모든 테스트를 실제로 만족하는 솔루션은 없습니다.

const parent = (...args) => (Target) => { 
    // Target corresponds to MyClass 
    const parent = new Parent(...args); 

    // ... 
}; 

로다 시가 허용됩니다.

Answer 1

왜 장식을 사용합니까? 부모 클래스를 확장 할 수 있습니다.

Answer 2

데코레이터를 사용하여 상속 받고 일부 믹스 인을 적용한 다음 새 클래스를 만들 수 있습니다. JS 클래스에는 다중 상속이 없으므로이 작업을 직접 수행 할 수는 없지만 두 작업을 수동으로 결합하거나 원하는 작업을 수행 할 프록시를 만들 수 있습니다.

I 클래스 like so 반환하여 decorator-based DI library에 대한 래퍼 클래스를 사용하고 :

static wrapClass(target, {hook = noop} = {}) { 
    return class wrapper extends target { 
    static get wrappedClass() { 
     return target; 
    } 

    constructor(...args) { 
     super(...Injector.fromParams(args).getDependencies(wrapper).concat(args)); 
    } 
    } 

}

데코레이터 정말 원래 동안 폐쇄와 함께 새로운 생성자를 반환을, 그러나 그것은을 위해 충분 대부분의 목적.