Bagaimana untuk Mengklon Objek JavaScript dengan Betul?

Cara Mengklon Objek JavaScript dengan Tepat

Penduaan objek dalam JavaScript adalah penting untuk mengekalkan integriti data dan mencegah pengubahsuaian yang tidak dijangka. Walau bagaimanapun, mencipta salinan mudah objek secara tidak sengaja boleh memperkenalkan perubahan yang tidak diingini. Berikut ialah panduan komprehensif untuk memastikan pengklonan objek berjaya dalam JavaScript:

Pengklonan Berstruktur (Penyelesaian Moden):

Untuk pelayar terkini, pengklonan berstruktur (diperkenalkan pada ES2020) menawarkan penyelesaian yang mudah dan boleh dipercayai:

const clone = structuredClone(object);

Kaedah ini menghasilkan salinan yang tepat objek, termasuk semua sifatnya, tanpa sebarang tambahan yang tidak diingini.

Pendekatan Tradisional:

Untuk versi penyemak imbas terdahulu, pengklonan objek memerlukan proses yang lebih terlibat:

Elakkan Pintasan:

Menyalin objek yang diperoleh daripada objek JavaScript terbina dalam boleh membawa kepada sifat tambahan diperkenalkan. Untuk mengelakkan ini, klon hanya objek yang dibina secara literal.

Kendalikan Warisan Prototaip:

Objek baharu biasanya mewarisi sifat daripada prototaipnya. Untuk meniru gelagat ini, anda mesti memindahkan sifat yang diwarisi secara manual kepada objek yang diklonkan.

Tapis keluar Atribut Bukan Tempatan:

Sifat tidak terhitung tidak diwarisi secara lalai . Gunakan kaedah hasOwnProperty untuk menapis atribut tersebut daripada prototaip.

Pertimbangkan Sifat Tersembunyi:

Objek tertentu mempunyai sifat tersembunyi, seperti prototaip dan __proto__, yang bukan boleh diakses melalui penghitungan. Sifat ini mesti dikendalikan secara individu.

Berurusan dengan Objek Tarikh:

Objek tarikh mempunyai sifat data tersembunyi yang mengandungi nilai tarikh. Untuk mengekalkan tarikh yang sama, panggil setTime pada objek Tarikh yang diklon. Ambil perhatian bahawa pendekatan ini khusus untuk objek Tarikh.

Jenis Data Kompleks:

Jika objek anda mengandungi jenis data kompleks seperti tatasusunan atau objek lain, ini juga mesti diklon secara rekursif untuk memastikan salinan lengkap.

Pengklonan Fungsi:

Berikut ialah fungsi pengklonan komprehensif yang mengikut prinsip ini:

function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
    }
    return copy;
}

Batasan:

Adalah penting untuk ambil perhatian bahawa ini fungsi menganggap set terhad jenis data dan tidak mengendalikan rujukan kitaran atau objek dengan sifat tersembunyi di luar disebut.

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