Bagaimanakah kita boleh mengurangkan objek untuk mematuhi antara muka dalam TypeScript?

Pengurangan Objek kepada Pematuhan Antara Muka

Dalam TypeScript, antara muka mentakrifkan kontrak untuk sifat objek, manakala kelas melaksanakan antara muka tersebut. Walau bagaimanapun, adalah perkara biasa untuk menemui objek dengan sifat tambahan melebihi yang ditakrifkan dalam antara muka, yang boleh menimbulkan cabaran apabila menggunakan alatan seperti JSON.stringify() yang menukar objek kepada JSON.

Untuk menangani perkara ini, perlu mengurangkan objek yang hanya mengandungi sifat daripada antara muka yang dilaksanakannya.

Masalah:

Apabila cuba menukar objek dengan sifat tambahan kepada JSON menggunakan JSON.stringify( ), sifat tambahan disertakan dalam output, berpotensi membatalkan JSON.

Penyelesaian 1:

Disebabkan oleh fakta bahawa antara muka TypeScript tidak mempunyai perwakilan masa jalan dan dengan itu tidak boleh digunakan untuk menguatkuasakan sekatan harta benda, penyelesaian diperlukan. Dengan mentakrifkan antara muka sebagai kelas, kita boleh menggunakan perpustakaan seperti Lodash untuk memilih hanya sifat yang ditakrifkan dalam antara muka daripada objek sasaran.

Sebagai contoh:

<code class="typescript">import _ from 'lodash';

const reducedObj = new MyInterface();
_.assign(reducedObj, _.pick(originalObj, _.keys(reducedObj)));</code>

Kaedah ini memastikan bahawa objek yang dikurangkan mengandungi hanya sifat yang ditakrifkan dalam antara muka.

Penyelesaian 2:

Sebagai pendekatan lain, seseorang boleh menggelung secara manual melalui sifat objek sasaran, menyemak sama ada setiap sifat wujud dalam definisi antara muka. Jika ia berlaku, harta itu ditambahkan pada objek yang dikurangkan. Kaedah ini memerlukan perhatian yang teliti untuk mengelak daripada menambah sifat yang tidak diingini.

Walaupun tiada cara langsung untuk menguatkuasakan pematuhan sifat dengan antara muka TypeScript dalam JavaScript, penyelesaian ini menyediakan penyelesaian praktikal untuk mengurangkan objek agar mematuhi definisi antara muka.

Atas ialah kandungan terperinci Bagaimanakah kita boleh mengurangkan objek untuk mematuhi antara muka dalam TypeScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!