原生JavaScript創建不可變對象的方法簡單示例

本文實例講述了原生JavaScript創建不可變對象的方法。分享給大家供大家參考，具體如下：

Javascript是一種靈活的語言，你可以重新定義任何東西，但是當項目變得復雜時，我們會發現可變數據結構的問題。隨著JavaScript的最新版本的發布這種情況發生了改變?，F在可以創建不可變的對象了。本文介紹如何用三種不同的方法來做。

對象的不變性意味著我們不希望對象在創建后即以任何方式更改（將它們設置為只讀類型）。

假設我們需要定義一個 car 對象，并在整個項目中使用它的屬性來執行操作。我們不能允許錯誤地修改任何數據。

const myTesla = { maxSpeed: 155, batteryLife: 300, weight: 2300};Object.preventExtensions() 防止擴展

此方法可防止向現有對象添加新屬性，preventExtensions() 是不可逆的操作，我們永遠不能再向對象添加額外的屬性。

Object.isExtensible(myTesla); // trueObject.preventExtensions(myTesla);Object.isExtensible(myTesla); // falsemyTesla.color = ’blue’;console.log(myTesla.color) // undefinedObject.seal() 密封

它可以防止添加或刪除屬性，seal() 還可以防止修改屬性描述符。

Object.isSealed(myTesla); // falseObject.seal(myTesla);Object.isSealed(myTesla); // truemyTesla.color = ’blue’;console.log(myTesla.color); // undefineddelete myTesla.batteryLife; // falseconsole.log(myTesla.batteryLife); // 300Object.defineProperty(myTesla, ’batteryLife’); // TypeError: Cannot redefine property: batteryLifeObject.freeze() 凍結

它的作用與 Object.seal() 相同，而且它使屬性不可寫。

Object.isFrozen(myTesla); // falseObject.freeze(myTesla);Object.isFrozen(myTesla); // truemyTesla.color = ’blue’;console.log(myTesla.color); // undefineddelete myTesla.batteryLife;console.log(myTesla.batteryLife); // 300Object.defineProperty(myTesla, ’batteryLife’); // TypeError: Cannot redefine property: batteryLifemyTesla.batteryLife = 400;console.log(myTesla.batteryLife); // 300提示

如果希望在嘗試修改不可變對象時拋出錯誤，請使用嚴格模式。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。