javascript防篡改對(duì)象實(shí)例詳解
本文實(shí)例講述了javascript防篡改對(duì)象。分享給大家供大家參考，具體如下：
JavaScript中對(duì)象內(nèi)置有多個(gè)屬性Configurable,Writable,Enumerable,Value,Get和Set，來(lái)控制屬性的行為。同樣的ES5也有幾個(gè)方法，來(lái)指定對(duì)象的行為。我們知道，javascript中的對(duì)象是可以共享的，也是默認(rèn)可拓展的：
//一旦將對(duì)象設(shè)置防篡改，就不能撤銷了
//眾所周知，一般的對(duì)象是可以隨意拓展的
var person = {name:'liufang'};
person.age = 22;
document.write(person.age+"<br>");//22
我們可以添加、刪除或者修改其他的屬性或者方法。但是這也會(huì)導(dǎo)致一些問(wèn)題，比如多人開發(fā)時(shí)，某些屬性被人為修改，造成工程上的麻煩。這就促使了防篡改對(duì)象的誕生。防篡改對(duì)象有三個(gè)級(jí)別，分別是不可拓展對(duì)象、密封對(duì)象和凍結(jié)對(duì)象。
不可拓展對(duì)象
先來(lái)說(shuō)說(shuō)不可拓展對(duì)象吧，可以通過(guò)就普通對(duì)象設(shè)置為不可拓展對(duì)象，來(lái)使新添加的屬性無(wú)效：
//防拓展對(duì)象 Object.preventExtensions(person);//設(shè)置為防拓展對(duì)象 person.smallName = 'ff'; document.write(person.smallName+"<br>");//undefined //說(shuō)明不能添加新屬性 //檢測(cè)是否為可拓展對(duì)象 document.write(Object.isExtensible(person)+"<br>");//false //雖然防拓展對(duì)象不能添加屬性，但是可以刪除屬性 delete person.age; document.write(person.age+"<br>");//undefined ，已經(jīng)刪除成功
可以看到，雖然不可拓展對(duì)象可以防止新添加屬性，卻不能阻止他人刪除屬性，當(dāng)然也不能阻止修改了。所以引出了第二個(gè)等級(jí)的密封對(duì)象。
密封對(duì)象
密封對(duì)象就是在不可拓展對(duì)象的基礎(chǔ)上添加一條規(guī)則，也就是不能刪除屬性。
//密封對(duì)象
//在不可拓展的基礎(chǔ)上也不能刪除
var people = {name:'liufang'};
Object.seal(people);//將對(duì)象密封
delete people.name;
document.write(people.name+"<br>");//liufang ,說(shuō)明不能刪除
people.name = "tyq";//雖然不能刪除，但是可以修改
document.write(people.name+"<br>");//tyq ,說(shuō)明修改成功
//檢測(cè)
document.write(Object.isSealed(people)+"<br>");//true
可以看出，密封對(duì)象雖然防止了刪除，但是還是無(wú)法阻止修改，所以就有了最高級(jí)別的限制，也就是凍結(jié)對(duì)象。
凍結(jié)對(duì)象
被凍結(jié)的對(duì)象既不能拓展，也不能刪除和修改。
//凍結(jié)對(duì)象
//不能拓展，不能刪除，不能修改
var man = {name:'tyq'};
Object.freeze(man);
//檢測(cè)
document.write(Object.isFrozen(man));//true
最后要注意的就是，一旦對(duì)象被設(shè)置放篡改對(duì)象，則不能撤銷，所以需要慎重考慮。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
在開發(fā)中常常會(huì)需要截取字符串,而 JavaScript 提供了很多種方法實(shí)現(xiàn)截取操作,本文主要介紹了JavaScript中切割截取字符串的7種方法,感興趣的可以了解一下2024-02-02
js字符串轉(zhuǎn)json對(duì)象的四種實(shí)現(xiàn)方法
使用ajax的開發(fā)項(xiàng)目過(guò)程中,經(jīng)常需要將json格式的字符串返回到前端,前端解析成js對(duì)象(JSON),下面這篇文章主要給大家介紹了關(guān)于js字符串轉(zhuǎn)json對(duì)象的四種實(shí)現(xiàn)方法,需要的朋友可以參考下2023-04-04
關(guān)于在IE下的一個(gè)安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標(biāo)位置
本篇文章小編將為大家介紹，關(guān)于在IE下的一個(gè)安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標(biāo)位置。需要的朋友可以參考一下2013-04-04
這篇文章主要介紹了javascript常見操作,有針對(duì)字符串、時(shí)間、表單等的操作,以及驗(yàn)證、收藏、隨機(jī)數(shù)等其他常見技巧,需要的朋友可以參考下2014-09-09
自適應(yīng)布局meta標(biāo)簽中viewport、content、width、initial-scale、minimum-sca
這篇文章主要介紹了移動(dòng)客戶端手機(jī)頁(yè)面布局時(shí)各標(biāo)簽元素作用和適用情景，通過(guò)詳解幾種屬性讓讀者更明確自適應(yīng)布局的注意點(diǎn)，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
微信小程序時(shí)間標(biāo)簽和時(shí)間范圍的聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序時(shí)間標(biāo)簽和時(shí)間范圍的聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
本文給大家分享的這段代碼并非是Bootstrap的遮罩，只是簡(jiǎn)單版的遮罩效果，對(duì)bootstrap modal 遮罩效果感興趣的朋友可以參考下本文2016-11-11
如何實(shí)現(xiàn)小程序與小程序之間的跳轉(zhuǎn)
這篇文章主要給大家介紹了關(guān)于如何實(shí)現(xiàn)小程序與小程序之間的跳轉(zhuǎn)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了淺談JS中幾種輕松處理'this'指向方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義鼠標(biāo)右鍵菜單欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07