資訊專(zhuān)欄INFORMATION COLUMN
我們現(xiàn)在講講凍結(jié)JS對(duì)象方法技術(shù)吧，下面舉例相關(guān)代碼。我們一起來(lái)學(xué)習(xí)學(xué)習(xí)吧！
冰封的美人——凍結(jié)JS對(duì)象
現(xiàn)在我們了解下JS對(duì)象
js對(duì)象是普通對(duì)象，鍵值對(duì)方式，且其屬性不加引號(hào)，表示方法如下，對(duì)象內(nèi)有對(duì)象屬性，對(duì)象方法和普通的對(duì)象概念相同
var obj = {
name : "cxy",
age : "18"
}要是只是修改對(duì)象的屬性，obj.name = "juejin"即可console.log(obj.name)就可以解決，但如何處理凍結(jié)？看下Object.freeze()
Object.freeze
翻譯下freeze的意思，由此得知freeze()是用來(lái)凍結(jié)對(duì)象的方法，我們只需要將我們要凍結(jié)的目標(biāo)對(duì)象作為參數(shù)傳遞給他，那么該對(duì)象就會(huì)被凍結(jié)
const iceObj = Object.freeze(obj)
這樣iceObj就是被凍結(jié)的對(duì)象，那凍結(jié)是什么？但當(dāng)我們變動(dòng)對(duì)象的age屬性iceObj.age = "19"，然后再運(yùn)行就會(huì)發(fā)現(xiàn)console.log(iceObj.age)，發(fā)現(xiàn)omygod，結(jié)果還是18，不愧是永遠(yuǎn)十八歲的冰封美人，除此之外還有一個(gè)檢驗(yàn)對(duì)象凍結(jié)的方法即Object.isFrozen，返回值為布爾值
不可凍結(jié)的對(duì)象
又有新的問(wèn)題了，難不成所有的對(duì)象都可以被凍結(jié)嗎？nonono，Object.freeze()不可凍結(jié)嵌套對(duì)象，依舊是那個(gè)對(duì)象，但是有一個(gè)son屬性本身又是一個(gè)對(duì)象
var obj = {
name : "cxy",
age : "18"
son : {
name : "son",
age : "1"
}
}我們來(lái)修改并打印一下son中的name屬性，會(huì)發(fā)現(xiàn)其屬性值是修改后的值，所以說(shuō)Object.freeze()并不是所有對(duì)象都能凍住的，當(dāng)然其object.freeze()還可以?xún)鼋Y(jié)數(shù)組，大家可以定義一個(gè)數(shù)組，凍結(jié)之后，使用下標(biāo)修改看看效果如何，除此之外還有一共凍結(jié)方法即object.seal()它和object.freeze()有差別，我們來(lái)看一下
Object.seal
var obj = {
name : "cxy",
age : "18"
}
const iceObj = Object.seal(obj)
iceObj.name = "juejin"
delete iceObj.age
console.log(iceObj)對(duì)象還是那個(gè)對(duì)象，在先使用object.seal()凍結(jié)再執(zhí)行修改name屬性，刪除age屬性的操作，在運(yùn)行之后就明白了name屬性成功被修改，但是age屬性沒(méi)有被刪除，這就是和freeze()不一樣的地方，即可以修改屬性值，但是不可以刪除屬性值，當(dāng)然同樣它還有一個(gè)檢驗(yàn)對(duì)象凍結(jié)的方法即Object.isSealed，返回值為布爾值，最后還有一種凍結(jié)的方法即Object.preventExtensions()
Object.preventExtensions
Object.preventExtensions是凍結(jié)對(duì)象增加屬性的能力
var obj = {
name : "cxy",
age : "18"
}
const iceObj = Object.preventExtensions(obj)
iceObj.weight = "180"
console.log(iceObj)我們可以看到上述代碼，其中obj新增weight屬性，運(yùn)行卻沒(méi)有顯現(xiàn)出來(lái)，也就是說(shuō)對(duì)象添加屬性方法被凍結(jié)了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/127974.html
摘要：有談?wù)劽嬖嚺c面試題對(duì)于前端面試的一些看法。動(dòng)態(tài)規(guī)劃算法的思想及實(shí)現(xiàn)方法幫大家理清動(dòng)態(tài)規(guī)劃的解決思路以及原理方法前端經(jīng)典面試題從輸入到頁(yè)面加載發(fā)生了什么這是一篇開(kāi)發(fā)的科普類(lèi)文章，涉及到優(yōu)化等多個(gè)方面。極客學(xué)院前端練習(xí)題道練習(xí)題，面試季練練手。 由數(shù)據(jù)綁定和排序引入的幾個(gè) JavaScript 知識(shí)點(diǎn) 在 JavaScript 的數(shù)據(jù)綁定和做簡(jiǎn)單的表格排序中遇到的幾個(gè)知識(shí)點(diǎn) [[JS 基礎(chǔ)...
摘要：無(wú)奈網(wǎng)絡(luò)上完善的文檔實(shí)在太少，所以自己寫(xiě)了一份，本篇文章以貼近實(shí)戰(zhàn)的思路和流程，對(duì)進(jìn)行了全面的講解。這使得成為了真正的不可變數(shù)據(jù)。的使用非常靈活，多多思考，相信你還可以發(fā)現(xiàn)更多其他的妙用參考文檔官方文檔 文章在 github 開(kāi)源， 歡迎 Fork 、Star 前言 Immer 是 mobx 的作者寫(xiě)的一個(gè) immutable 庫(kù)，核心實(shí)現(xiàn)是利用 ES6 的 proxy，幾乎以最小的成...
摘要：本回內(nèi)容介紹上一回聊到數(shù)據(jù)類(lèi)型，簡(jiǎn)單的過(guò)了一遍，包括個(gè)數(shù)組新特性等，這一回來(lái)聊聊對(duì)象，結(jié)合數(shù)組來(lái)實(shí)戰(zhàn)一些例子，在做題中成長(zhǎng)，記憶會(huì)更深刻，來(lái)吧，開(kāi)始咯創(chuàng)建實(shí)例的方式有兩種使用操作符后跟構(gòu)造函數(shù)飛狐使用對(duì)象字面量表示法飛狐也可以飛狐這種寫(xiě)法與 本回內(nèi)容介紹 上一回聊到JS數(shù)據(jù)類(lèi)型，簡(jiǎn)單的過(guò)了一遍，包括9個(gè)數(shù)組新特性等，這一回來(lái)聊聊Object對(duì)象，結(jié)合數(shù)組來(lái)實(shí)戰(zhàn)一些例子，在做題中成長(zhǎng)，記...
摘要：模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長(zhǎng)后，工程化所采取的必然措施。目前模塊化的思想分為和。特別指出，事件不等同于異步，回調(diào)也不等同于異步。將會(huì)討論安全的類(lèi)型檢測(cè)惰性載入函數(shù)凍結(jié)對(duì)象定時(shí)器等話題。 Vue.js 前后端同構(gòu)方案之準(zhǔn)備篇——代碼優(yōu)化 目前 Vue.js 的火爆不亞于當(dāng)初的 React，本人對(duì)寫(xiě)代碼有潔癖，代碼也是藝術(shù)。此篇是準(zhǔn)備篇，工欲善其事，必先利其器。我們先在代...
摘要：但好在還給我們提供了一個(gè)方法，每一個(gè)對(duì)象都有這樣一個(gè)方法，專(zhuān)門(mén)用來(lái)判斷某個(gè)屬性是否是該對(duì)象的私有屬性。如果你想要用對(duì)象字面形式，你只能在創(chuàng)建對(duì)象時(shí)定義訪問(wèn)器屬性。在中，我們使用凍結(jié)一個(gè)對(duì)象，并且使用來(lái)判斷一個(gè)對(duì)象是否被凍結(jié)。 說(shuō)完了對(duì)象那些不常用的冷知識(shí)，是時(shí)候來(lái)看看JavaScript中對(duì)象屬性有哪些有意思的東西了。 不出你所料，對(duì)象屬性自然也有其相應(yīng)的特征屬性，但是這個(gè)話題有點(diǎn)復(fù)雜...
閱讀 547·2023-03-27 18:33
閱讀 732·2023-03-26 17:27
閱讀 630·2023-03-26 17:14
閱讀 591·2023-03-17 21:13
閱讀 521·2023-03-17 08:28
閱讀 1801·2023-02-27 22:32
閱讀 1292·2023-02-27 22:27
閱讀 2178·2023-01-20 08:28
