本文中会讲到对象函数
Object.defineProperty()
,也许你对这个函数比较陌生,要知道这个函数用途可大了,等自己想到它的时候,就知道它的重要性。
举个栗子
准备一个测试环境,可以打开浏览器的开发者调试工具控制台
console
,输入如下例子代码,接下来会操作它
//假设有一个对象
let args = {
a: 1,
b: 3,
c: [],
d: {},
fun1: () => {}
};
赋值
修改对象
args
的某属性值,还可以用这个方式,代码如下
Object.defineProperty(args,'b',{
value: 4,//赋值
});
其它配置
还可以修改对象的某属性的其它配置
Object.defineProperty(args,'b',{
value: 5,
writable: false,//只读,类似定义常量
enumerable: false,//不允许被遍历,类似将访问公开变成了私有
});
args.b=6;//只读后,这里赋值会抛出异常
防修改
还有一个配置就是防修改的,一旦设置了,将不再允许被删除和再次修改
Object.defineProperty(args,'b',{
configurable: false,//不允许删除和再次修改配置
});
delete args.b;//尝试删除,这里会抛出异常
读写监听
知道吗,现在主流的
Vue.js
,这个核心源代码都有它的应用场景,请看一下关键的代码
//监听对象args的某属性b
Object.defineProperty(args,'b',{
set: function(value){
console.log('set b',value);
this._b=value;
},
get: function(){
console.log('get b',this._b);
return this._b;
}
});
观察规律
阅读到最后,建议有条件的同学上机测试,边学边做,观察规律,留下深刻映像,记在心里,将来必有用。
好了,如果阅读后有遇到什么问题,请在结尾评论处留言,ヾ( ̄▽ ̄)Bye
Bye
版权声明:本文为zs1028原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。