Değişken argüman sayımları ile fonksiyonlar için typescript tip imzaları

Question

Değişken argüman sayımları ile fonksiyonlar için typescript tip imzaları

oy

61

Ben sorun bağımsız değişken miktarlarda kabul fonksiyon üyeleri ile arayüzleri tanımlayan yaşıyorum. Örnek olarak literal aşağıdaki nesneyi atın:

var obj = {
    func: () => {
        for(var i = 0; i < arguments.length; i++) {
            console.log(arguments[i]);
        }
    }
};

Ben gibi bir arabirim tanımlamak mümkün istiyorum:

interface IExample {
    func: ( ??? ) => void;
}

Aşağıdaki kod hatasız derlemek, böylece:

var test = (o: IExample) {
    o.func(a);
    o.func(a, b);
    o.func(a, b, c);
    ...
}

typescript

Oluştur 05/10/2012 saat 04:40
kaynak kullanıcı nxn

Diğer dillerde...

3 cevaplar

oy

2

Sadece Chuck'ın cevap eklemek, aşağıdaki gibi tanımlanmış bir arabirim olması gerekmez. Sadece yapabilirsiniz ...yöntemde doğrudan:

class Header { constructor(public name: string, public value: string) {} }

getHeaders(...additionalHeaders: Header[]): HttpHeaders {
    let headers = new HttpHeaders();
    headers.append('Content-Type', 'application/json')

    if (additionalHeaders && additionalHeaders.length)
        for (var header of additionalHeaders)
            headers.append(header.name, header.value);

    return headers;
}

O zaman arayabilirsiniz:

headers: this.getHeaders(new Header('X-Auth-Token', this.getToken()))

Veya

headers: this.getHeaders(new Header('X-Auth-Token', this.getToken()), new Header('Something', "Else"))

Cevap 04/02/2018 saat 12:49
kaynak kullanıcı Serj Sagan

oy

0

... args [] argüman typescript kullanılmazsa hala Javascript ve ona kopya argümanları bir dizi oluşturur.

önlemek için bu nedenle fonksiyonu yanı sıra işlevi, bir prototip yapabilirsiniz Gereksizlik: -

function format_n(str: string, ... $n: any[]): string;
function format_n(str: string): string {
    return str.replace(/%(\d+)/g, (_, n) => format_n.arguments[n]);
}

Cevap 21/05/2018 saat 14:34
kaynak kullanıcı Quentin 2

chuckj · Accepted Answer · 2012-10-05 04:53

oy

106

Sorunun yazarı bu cevabı en iyi olarak kabul etti.

Typescript ECMAScript 6 yayılmış önerisini kullanır,

http://wiki.ecmascript.org/doku.php?id=harmony:spread

ancak, şu şekilde görünecektir için ek açıklamaları yazın ekler

interface IExample {
    func(...args: any[]): void;
}

Cevap 05/10/2012 saat 04:53
kaynak kullanıcı chuckj