溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了原生JavaScript如何創建不可變對象，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
Javascript是一種靈活的語言，你可以重新定義任何東西，但是當項目變得復雜時，我們會發現可變數據結構的問題。隨著JavaScript的最新版本的發布這種情況發生了改變。現在可以創建不可變的對象了。本文介紹如何用三種不同的方法來做。
對象的不變性意味著我們不希望對象在創建后即以任何方式更改（將它們設置為只讀類型）。
假設我們需要定義一個 car 對象，并在整個項目中使用它的屬性來執行操作。我們不能允許錯誤地修改任何數據。
const myTesla = {
maxSpeed: 155,
batteryLife: 300,
weight: 2300
};此方法可防止向現有對象添加新屬性，preventExtensions() 是不可逆的操作，我們永遠不能再向對象添加額外的屬性。
Object.isExtensible(myTesla); // true Object.preventExtensions(myTesla); Object.isExtensible(myTesla); // false myTesla.color = 'blue'; console.log(myTesla.color) // undefined
它可以防止添加或刪除屬性，seal() 還可以防止修改屬性描述符。
Object.isSealed(myTesla); // false Object.seal(myTesla); Object.isSealed(myTesla); // true myTesla.color = 'blue'; console.log(myTesla.color); // undefined delete myTesla.batteryLife; // false console.log(myTesla.batteryLife); // 300 Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife
它的作用與 Object.seal() 相同，而且它使屬性不可寫。
Object.isFrozen(myTesla); // false Object.freeze(myTesla); Object.isFrozen(myTesla); // true myTesla.color = 'blue'; console.log(myTesla.color); // undefined delete myTesla.batteryLife; console.log(myTesla.batteryLife); // 300 Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife myTesla.batteryLife = 400; console.log(myTesla.batteryLife); // 300
如果希望在嘗試修改不可變對象時拋出錯誤，請使用嚴格模式。
以上就是關于原生JavaScript如何創建不可變對象的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
