typescript - Bir spread argümanı ya bir demet (tuple) türüne sahip olmalı ya da bir rest parametresine geçirilmelidir.ts(2556)


Merhaba, şöyle tanımlanmış bir add fonksiyonu için bir kapsayıcı (wrapper) oluşturmayı deniyorum:

add(target: Object, propName:string, min?: number, max?: number, step?: number): GUIController;
add(target: Object, propName:string, status: boolean): GUIController;
add(target: Object, propName:string, items:string[]): GUIController;
add(target: Object, propName:string, items:number[]): GUIController;
add(target: Object, propName:string, items:Object): GUIController;

Eğer bir beyan için aşağıdakileri yaparsam işe yarıyor:

add(...args: [Object, string, number?, number?, number?]) {
    return this.gui.add(...args);      <--- this works, but I want to do this for multiple signatures
}

Bu yüzden farklı argümanları birleştirmeye çalışıyorum. Ama A spread argument must either have a tuple type or be passed to a rest parameter.ts(2556) hatasını alıyorum:

type AddArg = 
    [Object, string, number?, number?, number?] |
    [Object, string, boolean] |
    [Object, string, string[]] |
    [Object, string, number[]] |
    [Object, string, Object];

add(...args: AddArg) {
    return this.gui.add(...args);      <--- A spread argument must either have a tuple type or be passed to a rest parameter.ts(2556)
}

AddArg içindeki her tür bir demet türüdür, ancak TypeScript bunu görmedi, bunu nasıl düzeltebileceğimi öğrenebilir miyim?

Burada bir örnek bulunabilir

Cevap #1

Yorum yaptığımda henüz senin oyun alanını görmemiştim, ama işte arguments ile sahip olduğun o sınıflarda nasıl çalışabileceğine dair bir örnek:

type AddArg = 
    [Object, string, number?, number?, number?] |
    [Object, string, boolean] |
    [Object, string, string[]] |
    [Object, string, number[]] |
    [Object, string, Object];

class SomeClass {
    add(..._args: AddArg[]) {
        return;
    }
}

export class MyClass {
    someClass: SomeClass
    constructor() {
        this.someClass = new SomeClass();
    }

    add(...args: AddArg) {
        return this.someClass.add(...arguments);      
    }
}

let a = new MyClass();

a.add({ foo: "bar"}, "baz", 3, 5, 1);
a.add({ foo: "bar"}, "baz", 3, 5);
a.add({ foo: "bar"}, "baz", 3);
a.add({ foo: "bar"}, "baz");
a.add({ foo: "bar"}, "baz", true);
a.add({ foo: "bar"}, "baz", ["blah, blah"]);
a.add({ foo: "bar"}, "baz", [1, 2, 3]);
a.add({ foo: "bar"}, "baz", { bar: "foo"});

// invalid
a.add({ foo: "bar"}, "baz", 3, "blah");

Canlı oyun alanı