defineReactive函数,利用闭包封装Object.defineProperty()
Posted web半晨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了defineReactive函数,利用闭包封装Object.defineProperty()相关的知识,希望对你有一定的参考价值。
function defineReactive(data, key, val) {
Object.defineProperty(data, key, {
// 可枚举
enumerable: true,
// 可以被配置,比如可以被 delete
configurable: true,
// getter
get() {
return val;
},
// setter
set(newValue) {
if (val === newValue) return false;
val = newValue;
}
});
};
let obj = {};
defineReactive(obj, 'a', 10); // 设置 a 属性
console.log(obj.a); // 10 访问 a 的值
obj.a = 100; // 改变 a 的值
console.log(obj.a); // 100 访问改变后 a 的值
以上是关于defineReactive函数,利用闭包封装Object.defineProperty()的主要内容,如果未能解决你的问题,请参考以下文章