Bagaimana untuk Mengklon Objek JavaScript Dengan Sempurna?

Cara Menduakan Objek JavaScript dengan Tepat

Kaedah terbina dalam JavaScript tidak dapat menjamin penduaan objek yang tepat. Ini disebabkan oleh kehadiran sifat terbitan prototaip dan sifat tersembunyi, yang boleh membawa kepada hasil yang tidak dijangka semasa pengklonan. Untuk menangani isu ini, pelbagai pendekatan telah dibangunkan.

Kemas Kini 2022: Pengklonan Berstruktur

Standard JS baharu yang dipanggil pengklonan berstruktur menyediakan penyelesaian yang mudah. Ia disokong oleh banyak penyemak imbas moden dan membolehkan penduaan tepat dengan sintaks berikut:

const clone = structuredClone(object);

Pendekatan Tradisional

Dalam versi JavaScript sebelumnya, fungsi pengklonan tersuai boleh dilaksanakan menggunakan langkah berikut:

1. Mengendalikan sifat tidak terhitung: Gunakan kaedah hasOwnProperty untuk melangkau sifat prototaip dan memfokus pada yang ditakrifkan secara langsung pada objek.
2. Mengklonkan atribut yang tidak boleh dikira: Salin secara eksplisit sifat tersembunyi jika namanya diketahui, seperti prototaip atau __proto__.
3. Mengkonfigurasi pewarisan prototaip: Pastikan prototaip objek yang disalin sepadan dengan yang asal. Ini mungkin memerlukan menetapkannya secara manual atau memanggil pembina objek sumber.
4. Mengendalikan struktur data yang tidak boleh dikira: Pengendalian khusus diperlukan untuk struktur data dengan ahli yang tidak boleh dikira, seperti objek Tarikh.
5. Mengendalikan struktur kitaran: Elakkan pengulangan infiniti dengan menjejaki objek yang dilawati dan berkongsi rujukan dan bukannya deep pengklonan.

Contoh fungsi pengklonan yang menangani cabaran ini disediakan di bawah:

function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;

    // Handing different object types
    // ... implementation for Date, Array, and Object

    // Generic fallback: deep copy properties
    var copy = {};
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
    }
    return copy;
}

Fungsi ini menganggap bahawa objek membentuk struktur pokok dan tidak mengandungi sebarang kitaran rujukan. Mengendalikan struktur kitaran memerlukan pendekatan yang lebih kompleks.

Atas ialah kandungan terperinci Bagaimana untuk Mengklon Objek JavaScript Dengan Sempurna?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!