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)文章
小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn)
這篇文章主要介紹了小程序hover-class點(diǎn)擊態(tài)效果實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02使用electron實(shí)現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼
這篇文章主要介紹了使用electron實(shí)現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10基于Marquee.js插件實(shí)現(xiàn)的跑馬燈效果示例
這篇文章主要介紹了基于Marquee.js插件實(shí)現(xiàn)的跑馬燈效果,結(jié)合實(shí)例形式給出了Marquee.js插件的定義及具體使用方法,需要的朋友可以參考下2017-01-01JavaScript高級(jí)程序設(shè)計(jì) DOM學(xué)習(xí)筆記
DOM是針對(duì)XML和HTML文檔的一個(gè)API:即規(guī)定了實(shí)現(xiàn)文本節(jié)點(diǎn)操控的屬性、方法,具體實(shí)現(xiàn)由各自瀏覽器實(shí)現(xiàn)。2011-09-09JavaScript類的繼承方法小結(jié)【組合繼承分析】
這篇文章主要介紹了JavaScript類的繼承方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript繼承的概念、原理及組合繼承相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07javascript 操作符(~、&、|、^、<<、>>)使用案例
這篇文章主要介紹了javascript 操作符(~、&、|、^、<<、>>)使用案例,非常的全面,需要的朋友可以參考下2014-12-12js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂(lè)播放器
這篇文章主要介紹了js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂(lè)播放器,通過(guò)自定義javascript函數(shù)audioplayer實(shí)現(xiàn)兼容各常見瀏覽器的音樂(lè)播放功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02layui動(dòng)態(tài)設(shè)置單選按鈕選中效果實(shí)例
最近在使用layui前端框架,在使用單選按鈕、下拉菜單select、checkbox等控件的時(shí)候,往往遇到一些初始化的東西,下面這篇文章主要給大家介紹了關(guān)于layui動(dòng)態(tài)設(shè)置單選按鈕選中效果的相關(guān)資料,需要的朋友可以參考下2023-06-06