在这篇文章中我们来了解一下“JS怎样解决闭包漏洞问题,方法有哪些”,一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!
在不修改下面代码的情况下,修改obj的内容
var o = (()=>{
var obj = {
a:1,
b:2,
};
return {
get :(n)=>{
return obj[n]
}
}
})()
上面代码就是一个典型的闭包模式。屏蔽掉obj本身。只能访问闭包返回的数据而不能去修改数据源本身,但是他的数据源是一个对象,这就会出现一个漏洞!!!!,而上面的代码就会出现一个致命的漏洞。
console.log(o.get("a"));//1
console.log(o.get("b"));//2
貌似我们在没有可选值传入了?但是你要记住,在js中万物皆是对象,对象通过原型来继承原型对象上的属性和方法。
Object.protoType()原型对象。
那我能不能去访问到原型valueOf,暂时说想通过valueOf()来获取这个对象本身。
JavaScript 中的 valueOf() 方法用于返回指定对象的原始值,若对象没有原始值,则将返回对象本身。
console.log(o.get("valueOf"));
//[Function: valueOf]
let obj2 = o.get("valueOf")()
//TypeError: Cannot convert undefined or null to object
可以看的出来,报错,这是因为valueOf函数的this指向发生了错误
Object.defineProperty(Object.prototype,"abc",{
get(){
return this
}
})
console.log(o.get("abc"));//{ a: 1, b: 2 }
在这里就会通过访问这个原型链上的访问器属性来返回一个访问它这个的对象,这样我就拿到了这个对象。
let obj = o.get("abc")
obj.a='hjkasd'
obj.b='12345'
obj.c='勇敢牛牛,不怕困难'
console.log(obj);//{ a: 'hjkasd', b: '12345', c: '勇敢牛牛,不怕困难' }
这就导致一个很严重的问题。我能修改 闭包的值。如果是第三方库。那很轻易的破坏了库的结构。
我刚才通过访问原型链上的属性,达到返回这个寻求的对象。从而破会掉结构。
那么就需要判断访问的属性是否来自对象本身。从而返回不同的值。
var o = (()=>{
var obj = {
a:1,
b:2,
};
return {
get :(n)=>{
if(!obj.hasOwnProperty(n)){
return `${n}在此对象本身不存在`
}
return obj[n]
}
}
})()
直接设置这个对象的原型为null,没有原型链,那我上面的逻辑就行不通,自然就保护了数据的隐私性。
var o = (()=>{
let obj = {
a:1,
b:2,
};
Object.setPrototypeOf(obj,null)
return {
get :(n)=>{
return obj[n]
}
}
})()
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理