微信小程序数据劫持代理的实现
更新时间：2022年01月20日 08:38:12 作者：柿子镭
本文主要介绍了微信小程序 数据劫持代理的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
index.html
index.js
// Vue数据劫持代理
//模拟Vue中data选项
let data = {
username:'小镭',
age:3
}
// 模拟组件的实例
let _this={}
// 利用object.defineProperty()
for(let item in data){
console.log(item,data[item]);
Object.defineProperty(_this,item,{
// get作用：用来获取扩展属性值，当获取该属性时调用get方法
get(){
console.log('get()');
return data[item]
}
})
}
console.log(_this)
当要获取访问age或username的值时，才会调用get()方法，打印get()
若要修改data中的username的 值，可以直接通过_this.username修改吗？
答案是：不可以
（没有修改成功，username还是“小镭"）
可以通过set方法修改值
for(let item in data){
console.log(item,data[item]);
Object.defineProperty(_this,item,{
// get作用：用来获取扩展属性值，当获取该属性时调用get方法
get(){
console.log('get()');
return data[item]
},
//set作用：监视扩展属性的，只要已修改就调用
set(newValue){
console.log('set()',newValue);
// _this.username=newValue; 千万不要在set方法中修改当前扩展属性的值，会出现死循环
data[item] = newValue;
}
})
}（修改成功！）
到此这篇关于微信小程序数据劫持代理的实现的文章就介绍到这了,更多相关小程序数据劫持代理内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
JavaScript高级程序设计 读书笔记之十一 内置对象Global
由ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现2012-03-03
很久以前做网页的时候，几乎没有听说过 getElementById 这一玩意儿。在那个ie独占天下的年代里，做的页面也几乎都是ie only的。只要ie没问题，那就OK了2012-06-06
这篇文章主要介绍了JavaScript常用验证函数,实例汇总了如字符串验证、表单验证及js常用特效等诸多js常用验证函数及相关技巧,非常具有实用价值,需要的朋友可以参考下2014-11-11
在我们学习或者工作中，或多或少会遇到过隐式类型转换，但是为什么会有这种现象？这种现象背后的原理是什么？可能是大多数人没有思考过的，本文就来和大家一起浅析一下2023-03-03
后来经过自己的测试，发现将字符转换为十六进制的方法不完善。2011-11-11
JavaScript常见错误：“无法读取未定义的属性”的原因及解决方案
本文将深入探讨“无法读取未定义的属性”这一常见JavaScript错误,分析其成因,提供详细的解决方案和最佳实践,帮助开发者有效地预防和修复此类问题,感兴趣的小伙伴跟着小编一起来看看吧2024-12-12
js中没有办法直接实现方法重载，但每一个函数都有一个特殊的参数arguments，利用它可以实现方法的重载，具体示例如下2013-08-08
这篇文章主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了原生js页面滚动延迟加载图片的相关资料,现在瀑布流效果大行其道，各种网站都有应用，尤其是专业的图片类型的网站，感兴趣的朋友可以参考下2015-12-12
这篇文章主要介绍了javascript中的set的常用方法和操作,在JavaScript中Set是一种特殊的数据结构,用于存储唯一的值,创建Set对象可以通过new Set()实现,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
最新评论