TypeScript'te nesneyi arabirime yayınla

Kodumda ekspres bir isteğin gövdesinden (gövde ayrıştırıcı ara yazılım kullanarak) bir arayüze bir döküm yapmaya çalışıyorum, ancak bu tür güvenliğini zorlamıyor.

Bu benim arayüzüm:

export interface IToDoDto {
  description: string;
  status: boolean;
};

Bu, oyuncu kadrosunu yapmaya çalıştığım kod:

@Post()
addToDo(@Response() res, @Request() req) {
  const toDo: IToDoDto = <IToDoDto> req.body; // <<< cast here
  this.toDoService.addToDo(toDo);
  return res.status(HttpStatus.CREATED).end();
}

Ve son olarak, çağrılan hizmet yöntemi:

public addToDo(toDo: IToDoDto): void {
  toDo.id = this.idCounter;
  this.todos.push(toDo);
  this.idCounter++;
}

Arayüz tanımıyla eşleşmeye yaklaşmayanlar da dahil olmak üzere her türlü argümanı iletebilirim ve bu kod iyi çalışacaktır. Yanıt gövdesinden arayüze dönüştürme mümkün değilse, Java veya C # gibi çalışma zamanında bir istisna atılmasını beklerdim.

TypeScript çevriminde sadece Type Assertion'ın olmadığını okudum, bu yüzden derleyiciye sadece bir nesnenin tipte olduğunu söyleyecektir x, yani ... Yanlış mıyım? Tip güvenliğini sağlamanın ve sağlamanın doğru yolu nedir?

JavaScript'te döküm yoktur, bu nedenle "döküm başarısız olursa" atamazsınız.
Typecript , çevirmeyi destekler, ancak bu yalnızca derleme süresi içindir ve bunu şu şekilde yapabilirsiniz:

const toDo = <IToDoDto> req.body;
// or
const toDo = req.body as IToDoDto;

Değerin geçerli olup olmadığını çalışma zamanında kontrol edebilir ve bir hata oluşturmazsanız, yani:

function isToDoDto(obj: any): obj is IToDoDto {
    return typeof obj.description === "string" && typeof obj.status === "boolean";
}

@Post()
addToDo(@Response() res, @Request() req) {
    if (!isToDoDto(req.body)) {
        throw new Error("invalid request");
    }

    const toDo = req.body as IToDoDto;
    this.toDoService.addToDo(toDo);
    return res.status(HttpStatus.CREATED).end();
}

Düzenle

@Huyz'un da belirttiği gibi, tür ifadesine gerek yok çünkü isToDoDtobir tür koruma, yani bu yeterli olmalı:

if (!isToDoDto(req.body)) {
    throw new Error("invalid request");
}

this.toDoService.addToDo(req.body);

Uyumsuz türler ve TS derleyicisinin normalde şikayet ettiği arayüzler arasında bile bir tür dökümünü zorlamanın başka bir yolu:

export function forceCast<T>(input: any): T {

  // ... do runtime checks here

  // @ts-ignore <-- forces TS compiler to compile this as-is
  return input;
}

Daha sonra bunu, belirli bir türe atılan nesneleri zorlamak için kullanabilirsiniz:

import { forceCast } from './forceCast';

const randomObject: any = {};
const typedObject = forceCast<IToDoDto>(randomObject);

Karmaşıklığı azaltmak adına yayınlamadan önce çalışma zamanı kontrolleri yapmanız gereken kısmı dışarıda bıraktığımı unutmayın. Projemde yaptığım şey, tüm .d.tsarayüz dosyalarımı JSON şemalarına derlemek ve ajvçalışma zamanında doğrulamak için kullanmaktır .

Herhangi birine yardımcı oluyorsa, bir nesneyi benzer bir arayüze sahip başka bir tür olarak ele almak istediğim bir sorun yaşıyordum. Aşağıdakileri denedim:

Linting geçmedi

const x = new Obj(a as b);

Linter, aüzerinde var olan özelliklerin eksik olduğundan şikayet ediyordu b. Başka bir deyişle, abazı özelliklere ve yöntemlere sahipti b, ama hepsi yoktu. Bu sorunu çözmek için VS Code'un önerisini takip ettim:

Linting ve testten geçti

const x = new Obj(a as unknown as b);

Kodunuz, tipte buygulanmayan türdeki özelliklerden birini çağırmaya çalışırsa a, bir çalışma zamanı hatası gerçekleştirmeniz gerektiğini unutmayın.