泛型方法以泛型类型作为参数的类型不能正常工作

Question

Consider the following code:

class Events<T extends object> {
    raiseEvent<K extends keyof T>(key: K, value: T[K]) {
        // do something here
    }
}

interface EventsDictionary {
    somethingHappened: number
    whatever: string
}

interface AdditionalEvents {
    disconnnected: CloseEvent
}

type AddAdditional<T extends object> = Omit<T, keyof AdditionalEvents> & AdditionalEvents

const events = new Events<AddAdditional<EventsDictionary>>()
events.raiseEvent("disconnnected", new CloseEvent("..."))  // works fine

Now if we use this class in another class that is also generic like this:

class SomeOtherClass<Something extends object> {
    constructor() {
        const events = new Events<AddAdditional<Something>>()
        events.raiseEvent("disconnnected", new CloseEvent("...")) 
        //                                 ^^^^^^^^^^^^^^^^^^^^^
        // Argument of type 'CloseEvent' is not assignable to parameter of type 'Something["connnected"] & CloseEvent'.
        //  Type 'CloseEvent' is not assignable to type 'Something["connnected"]'.ts(2345)
    }
}

I am not sure how to work around this problem.

Answer 1

The generic parameter isn't speciefied enough, Something needs to extends the AditionnalEvents

class SomeOtherClass<Something extends AdditionalEvents> {
    constructor() {
        const events = new Events<AddAdditional<Something>>()
        events.raiseEvent("disconnnected", new CloseEvent("...")) 
    }
}

Also to me, your AddAdditional type is weird. Should it be a union like following?

class Events<T extends object> {
    raiseEvent<K extends keyof T>(key: K, value: T[K]) {
        // do something here
    }
}

interface EventsDictionary {
    somethingHappened: number
    whatever: string
}

interface AdditionalEvents {
    disconnnected: CloseEvent
}

const events = new Events<EventsDictionary & AdditionalEvents>()
events.raiseEvent("disconnnected", new CloseEvent("..."))  // works fine


class SomeOtherClass<Something extends AdditionalEvents> {
    constructor() {
        const events = new Events<Something & AdditionalEvents>()
        events.raiseEvent("disconnnected", new CloseEvent("...")) 
    }
}

Playground