javascript防篡改對象實例詳解
本文實例講述了javascript防篡改對象。分享給大家供大家參考,具體如下:
JavaScript中對象內(nèi)置有多個屬性Configurable,Writable,Enumerable,Value,Get和Set,來控制屬性的行為。同樣的ES5也有幾個方法,來指定對象的行為。我們知道,javascript中的對象是可以共享的,也是默認(rèn)可拓展的:
//一旦將對象設(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)刪除成功
可以看到,雖然不可拓展對象可以防止新添加屬性,卻不能阻止他人刪除屬性,當(dā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)文章
小程序hover-class點擊態(tài)效果實現(xiàn)
這篇文章主要介紹了小程序hover-class點擊態(tài)效果實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-02使用electron實現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼
這篇文章主要介紹了使用electron實現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-10-10基于Marquee.js插件實現(xiàn)的跑馬燈效果示例
這篇文章主要介紹了基于Marquee.js插件實現(xiàn)的跑馬燈效果,結(jié)合實例形式給出了Marquee.js插件的定義及具體使用方法,需要的朋友可以參考下2017-01-01JavaScript高級程序設(shè)計 DOM學(xué)習(xí)筆記
DOM是針對XML和HTML文檔的一個API:即規(guī)定了實現(xiàn)文本節(jié)點操控的屬性、方法,具體實現(xiàn)由各自瀏覽器實現(xiàn)。2011-09-09JavaScript類的繼承方法小結(jié)【組合繼承分析】
這篇文章主要介紹了JavaScript類的繼承方法,結(jié)合實例形式總結(jié)分析了JavaScript繼承的概念、原理及組合繼承相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-07-07javascript 操作符(~、&、|、^、<<、>>)使用案例
這篇文章主要介紹了javascript 操作符(~、&、|、^、<<、>>)使用案例,非常的全面,需要的朋友可以參考下2014-12-12js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器
這篇文章主要介紹了js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器,通過自定義javascript函數(shù)audioplayer實現(xiàn)兼容各常見瀏覽器的音樂播放功能,非常具有實用價值,需要的朋友可以參考下2015-02-02