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