冰封的美人——凍結(jié)JS對象

看到這個標(biāo)題你可能會很奇怪凍結(jié)JS對象，?。∮钟|碰到我的知識盲區(qū)了，那么首先來了解一下JS對象

JS對象

js對象是普通對象，鍵值對方式，且其屬性不加引號，表示方法如下，對象內(nèi)有對象屬性，對象方法和普通的對象概念相同

var obj = {
    name : "cxy",
    age : "18"
}

而我們修改對象的屬性，僅僅需要obj.name = "juejin"即可console.log(obj.name)打印出來即可看到修改效果，那么凍結(jié)又是什么意思呢？我們來學(xué)習(xí)一下Object.freeze()

Object.freeze

翻譯下freeze的意思，由此得知freeze()是用來凍結(jié)對象的方法，我們只需要將我們要凍結(jié)的目標(biāo)對象作為參數(shù)傳遞給他，那么該對象就會被凍結(jié)

const iceObj = Object.freeze(obj)

這樣iceObj就是被凍結(jié)的對象，那么凍結(jié)又是什么概念呢？我們修改一下對象的age屬性iceObj.age = "19"，然后再打印一下console.log(iceObj.age)我們會發(fā)現(xiàn)，omygod，依舊是18，不愧是永遠(yuǎn)十八歲的冰封美人，除此之外還有一個檢驗(yàn)對象凍結(jié)的方法即Object.isFrozen，返回值為布爾值

不可凍結(jié)的對象

又有新的問題了，難不成所有的對象都可以被凍結(jié)嗎？nonono，Object.freeze()不可凍結(jié)嵌套對象，依舊是那個對象，但是有一個son屬性本身又是一個對象

var obj = {
    name : "cxy",
    age : "18"
    son : {
    name : "son",
    age : "1"
    }
}

我們來修改并打印一下son中的name屬性，會發(fā)現(xiàn)其屬性值是修改后的值，所以說Object.freeze()并不是所有對象都能凍住的，當(dāng)然其object.freeze()還可以凍結(jié)數(shù)組，大家可以定義一個數(shù)組，凍結(jié)之后，使用下標(biāo)修改看看效果如何，除此之外還有一共凍結(jié)方法即object.seal()它和object.freeze()有差別，我們來看一下

Object.seal

var obj = {
    name : "cxy",
    age : "18"
}
const iceObj = Object.seal(obj)
iceObj.name = "juejin"
delete iceObj.age
console.log(iceObj)

依舊是那個對象，我們先使用object.seal()凍結(jié)再執(zhí)行修改name屬性，刪除age屬性的操作，最后打印我們會發(fā)現(xiàn)name屬性成功被修改，但是age屬性沒有被刪除，這就是和freeze()不一樣的地方，即可以修改屬性值，但是不可以刪除屬性值，當(dāng)然同樣它還有一個檢驗(yàn)對象凍結(jié)的方法即Object.isSealed，返回值為布爾值，最后還有一種凍結(jié)的方法即Object.preventExtensions()

Object.preventExtensions

Object.preventExtensions是凍結(jié)對象增加屬性的能力

var obj = {
    name : "cxy",
    age : "18"
}
const iceObj = Object.preventExtensions(obj)
iceObj.weight = "180"
console.log(iceObj)

上述代碼是為obj新增weight屬性，但是打印出來后并沒有出現(xiàn)該屬性，說明對象添加屬性方法被凍結(jié)了。

到此這篇關(guān)于簡述凍結(jié)JS對象方法技術(shù)的文章就介紹到這了,更多相關(guān)凍結(jié)JS對象內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論