這篇文章主要為大家展示了原生JavaScript如何創(chuàng)建不可變對象，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

十余年的寬甸網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整寬甸建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“寬甸網(wǎng)站設(shè)計(jì)”,“寬甸網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

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

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

const myTesla = {
 maxSpeed: 155,
 batteryLife: 300,
 weight: 2300
};

Object.preventExtensions() 防止擴(kuò)展

此方法可防止向現(xiàn)有對象添加新屬性，preventExtensions() 是不可逆的操作，我們永遠(yuǎn)不能再向?qū)ο筇砑宇~外的屬性。

Object.isExtensible(myTesla); // true
Object.preventExtensions(myTesla);
Object.isExtensible(myTesla); // false
myTesla.color = 'blue';
console.log(myTesla.color) // undefined

Object.seal() 密封

它可以防止添加或刪除屬性，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.freeze() 凍結(jié)

它的作用與 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

提示

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

以上就是關(guān)于原生JavaScript如何創(chuàng)建不可變對象的內(nèi)容，如果你們有學(xué)習(xí)到知識或者技能，可以把它分享出去讓更多的人看到。