Jenis dalam perusakan objek

123

Ini

const { foo: IFoo[] } = bar;

dan ini

const { foo: Array<IFoo> } = bar;

akan menyebabkan kesalahan.

Dan ini

const { foo: TFoo } = bar;

hanya akan merusak TFooproperti.

Bagaimana tipe dapat ditentukan untuk properti objek yang dirusak?

typescript destructuring

— Estus Flask
sumber

Pertanyaan bagus, tapi bukankah itu akan bisa menyimpulkan tipe dari definisi barsih?

2

Ini dibahas dengan cukup baik di sini .

Komentar @ user663031 harus dihapus karena menyesatkan.

— Sasuke Uchiha

@SasukeUchiha Artikel tidak tersedia, tetapi sebagian besar artikel dapat dicari di Google menurut judul artikel. Itu dipindahkan ke mariusschulz.com/blog/… . Ini benar-benar menjelaskan.

— Estus Flask

Itu sangat membantu. Terima kasih.

— Sasuke Uchiha

191

Ternyata dimungkinkan untuk menentukan jenis setelah :untuk seluruh pola penghancuran:

const {foo}: {foo: IFoo[]} = bar;

Yang pada kenyataannya tidak lebih baik dari tua biasa

const foo: IFoo[] = bar.foo;

— artem
sumber

2

Tapi {foo}bukan nilai. Inilah yang biasanya disebut "pola tugas dekonstruksi". Apa yang Anda lihat di sini sebenarnya adalah fitur TypeScript khusus yang memungkinkan jenis-jenis terkait dengan pola tersebut.

Memang, ini lebih seperti kasus khusus, terutama dibandingkan dengan let x, y, z: stringyang tampaknya hanya menentukan jenis z. Saya memperbarui jawabannya.

— artem

55

Saya jelas agak terlambat ke pesta, tapi:

interface User {
  name: string;
  age: number;
}

const obj: any = { name: 'Johnny', age: 25 };
const { name, age }: User = obj;

Jenis properti namedan ageharus disimpulkan dengan benar stringdan numbermasing - masing.

— Stephen Paul
sumber

9

Ini adalah kasus yang jarang terjadi ketika Anda ingin menggunakan antarmuka untuk setiap kehancuran.

— RA.

2

Sebuah tindak lanjut dari pertanyaan saya sendiri.

Jenis tidak perlu ditentukan untuk properti objek karena disimpulkan dari objek yang dirusak.

Mengingat baritu diketik dengan benar, foojenis akan disimpulkan:

const bar = { foo: [fooValue], ... }; // bar type is { foo: IFoo[], ... }
...
const { foo } = bar; // foo type is IFoo[]

Meskipun bartidak diketik dengan benar ( anyatau unknown), tipenya dapat ditegaskan:

const { foo } = bar as { foo: IFoo[] }; // foo type is IFoo[]

— Estus Flask
sumber