Menguasai Object.freeze() dan Object.seal() dalam JavaScript: Mengawal Kebolehubahan Objek

Object.freeze dan Object.seal dalam JavaScript

Apabila bekerja dengan objek dalam JavaScript, mengawal kebolehubahannya adalah penting untuk mengelakkan perubahan yang tidak diingini. Dua kaedah yang disediakan oleh JavaScript untuk tujuan ini ialah Object.freeze() dan Object.seal(). Memahami perbezaan dan kes penggunaan mereka adalah kunci untuk menulis kod yang mantap.

1. Object.freeze()

Kaedah Object.freeze() menjadikan objek tidak berubah. Ini bermakna:

• Tiada sifat baharu boleh ditambah.
• Sifat sedia ada tidak boleh diubah suai, dialih keluar atau dikonfigurasikan semula.
• Objek secara berkesan "beku" dan tidak boleh ditukar dengan apa cara sekalipun.

Sintaks:

Object.freeze(obj);

Contoh:

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

Kes Penggunaan:

• Untuk memastikan objek kekal malar sepanjang program anda, seperti tetapan konfigurasi.

Menyemak sama ada Objek Dibekukan:

Gunakan Object.isFrozen() untuk menentukan sama ada objek dibekukan:

console.log(Object.isFrozen(obj)); // true

2. Object.seal()

Kaedah Object.seal() mengehadkan pengubahsuaian pada objek tetapi kurang ketat daripada Object.freeze(). Ia membenarkan:

• Pengubahsuaian sifat sedia ada (nilai boleh berubah).
• Pencegahan menambah atau mengalih keluar sifat.

Sintaks:

Object.seal(obj);

Contoh:

const obj = { name: "Bob", age: 30 };
Object.seal(obj);

obj.age = 35; // Allowed: Existing properties can be modified
obj.gender = "male"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Bob", age: 35 }

Kes Penggunaan:

• Apabila anda ingin melindungi struktur objek (menghalang penambahan/pemadaman) tetapi masih membenarkan perubahan pada nilai harta benda.

Menyemak sama ada Objek Dimeterai:

Gunakan Object.isSealed() untuk menentukan sama ada objek dimeterai:

Object.freeze(obj);

3. Perbezaan Utama Antara Object.freeze() dan Object.seal()

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

console.log(Object.isFrozen(obj)); // true

Atas ialah kandungan terperinci Menguasai Object.freeze() dan Object.seal() dalam JavaScript: Mengawal Kebolehubahan Objek. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!