Diğer bazı isteğe bağlı parametreleri atlarken isteğe bağlı parametreler nasıl iletilir?

Aşağıdaki imza verildiğinde:

export interface INotificationService {
    error(message: string, title?: string, autoHideAfter?: number);
}

Nasıl işlevini çağırabilirsiniz error() değil belirterek titleparametre, ancak ayar autoHideAftersöylemek 1000?

Belgelerde belirtildiği gibi undefinedşunları kullanın :

export interface INotificationService {
    error(message: string, title?: string, autoHideAfter? : number);
}

class X {
    error(message: string, title?: string, autoHideAfter?: number) {
        console.log(message, title, autoHideAfter);
    }
}

new X().error("hi there", undefined, 1000);

Bahçesi bağlantısı .

Ne yazık ki TypeScript'te bunun gibi bir şey yok (daha fazla ayrıntı için: https://github.com/Microsoft/TypeScript/issues/467 )

Ancak bunun üstesinden gelmek için parametrelerinizi bir arayüz olacak şekilde değiştirebilirsiniz:

export interface IErrorParams {
  message: string;
  title?: string;
  autoHideAfter?: number;
}

export interface INotificationService {
  error(params: IErrorParams);
}

//then to call it:
error({message: 'msg', autoHideAfter: 42});

isteğe bağlı değişkeni ?veya ile isteğe bağlı birden fazla isteğe bağlı değişkeniniz varsa kullanabilirsiniz ...:

function details(name: string, country="CA", address?: string, ...hobbies: string) {
    // ...
}

Yukarıda:

• name gerekli
• country gerekli ve varsayılan bir değere sahip
• address İsteğe bağlı
• hobbies isteğe bağlı parametreler dizisidir

Başka bir yaklaşım:

error(message: string, options?: {title?: string, autoHideAfter?: number});

Başlık parametresini atlamak istediğinizde, verileri şu şekilde gönderin:

error('the message', { autoHideAfter: 1 })

Diğerlerini göndermek zorunda kalmadan daha fazla parametre eklememe izin verdiği için bu seçenekleri tercih ederim.

Bu neredeyse @Brocco'nun cevabı ile aynıdır, ancak hafif bir bükülme ile: bir nesnede yalnızca isteğe bağlı parametreleri iletin . (Ve ayrıca params nesnesini isteğe bağlı yapın).

Sonuçta Python'un ** kwarg'larına benziyor, ama tam olarak değil.

export interface IErrorParams {
  title?: string;
  autoHideAfter?: number;
}

export interface INotificationService {
  // make params optional so you don't have to pass in an empty object
  // in the case that you don't want any extra params
  error(message: string, params?: IErrorParams);
}

// all of these will work as expected
error('A message with some params but not others:', {autoHideAfter: 42});
error('Another message with some params but not others:', {title: 'StackOverflow'});
error('A message with all params:', {title: 'StackOverflow', autoHideAfter: 42});
error('A message with all params, in a different order:', {autoHideAfter: 42, title: 'StackOverflow'});
error('A message with no params at all:');

Arabirimde birden çok yöntem imzası belirtebilir ve ardından sınıf yönteminde birden çok yöntem aşırı yüklemesi yapabilirsiniz:

interface INotificationService {
    error(message: string, title?: string, autoHideAfter?: number);
    error(message: string, autoHideAfter: number);
}

class MyNotificationService implements INotificationService {
    error(message: string, title?: string, autoHideAfter?: number);
    error(message: string, autoHideAfter?: number);
    error(message: string, param1?: (string|number), param2?: number) {
        var autoHideAfter: number,
            title: string;

        // example of mapping the parameters
        if (param2 != null) {
            autoHideAfter = param2;
            title = <string> param1;
        }
        else if (param1 != null) {
            if (typeof param1 === "string") {
                title = param1;
            }
            else {
                autoHideAfter = param1;
            }
        }

        // use message, autoHideAfter, and title here
    }
}

Şimdi tüm bunlar işe yarayacak:

var service: INotificationService = new MyNotificationService();
service.error("My message");
service.error("My message", 1000);
service.error("My message", "My title");
service.error("My message", "My title", 1000);

... ve erroryöntemi INotificationServiceaşağıdaki seçeneklere sahip olacaktır:

Oyun alanı

Hata argümanlarında bir nesne parametre tabanını kabul eden bir yardımcı yöntem oluşturabilirsiniz

 error(message: string, title?: string, autoHideAfter?: number){}

 getError(args: { message: string, title?: string, autoHideAfter?: number }) {
    return error(args.message, args.title, args.autoHideAfter);
 }

Başlığı null olarak ayarlamayı deneyebilirsiniz.

Bu benim için çalıştı.

error('This is the ',null,1000)

Bunu bir arayüz olmadan yapabilirsiniz.

class myClass{
  public error(message: string, title?: string, autoHideAfter? : number){
    //....
  }
}

?operatörü isteğe bağlı bir parametre olarak kullanın .