Bagaimana untuk Menghantar Objek Generik ke Contoh Ditaip dalam JavaScript?

Mengirimkan Objek Generik ke Contoh Ditaip dalam JavaScript

Pernyataan Masalah:

Jawapan JSON daripada pelayan selalunya mengandungi objek biasa yang mewakili kejadian kelas. Menghantar objek generik ini kepada tika yang ditaip membolehkan untuk menggunakan kaedah kelasnya dan mengakses data yang ditaip.

Penyelesaian:

Mencipta tika objek memerlukan penggunaan pembinanya. Walau bagaimanapun, data JSON kekurangan maklumat pembina, jadi pendekatan yang berbeza diperlukan.

1. Pengklonan Berulang:

Pendekatan ini melibatkan pengklonan sifat objek biasa kepada kejadian yang baru dicipta:

<code class="javascript">var personLiteral = ...; // JSON.parse("...");
var personInstance = new Person();
for (var prop in personLiteral)
    personInstance[prop] = personLiteral[prop];</code>

2. Menggunakan Object.assign:

Object.assign boleh digunakan untuk menyelesaikan tugas yang sama dengan lebih ringkas:

<code class="javascript">var personInstance = Object.assign(new Person(), personLiteral);</code>

Untuk objek yang lebih kompleks dengan struktur bersarang, ulangi sifat dan gunakan proses pengklonan yang sama secara rekursif.

3. Pengklonan Pembina Tersuai:

Setiap pembina boleh dilanjutkan untuk menerima objek biasa dan mengklonkannya, mengendalikan sebarang logik yang diperlukan:

<code class="javascript">Person.fromJSON = function(obj) {
    // custom code, as appropriate for Person instances
    // might invoke `new Person`
    return …;
};</code>

Contoh:

Dalam senario khusus anda, gunakan proses pengklonan pada kedua-dua objek Orang dan Haiwan:

<code class="javascript">var persons = JSON.parse(serverResponse);
for (var i=0; i<persons.length; i++) {
    persons[i] = $.extend(new Person, persons[i]);
    for (var j=0; j<persons[i].animals; j++) {
        persons[i].animals[j] = $.extend(new Animal, persons[i].animals[j]);
    }
}</code>

Ingat bahawa kaedah larian harus ditambahkan pada prototaip Haiwan dan bukannya kejadian individu.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Objek Generik ke Contoh Ditaip dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!