JS原生-对象的属性特征defineProperty

var obj= {};
//defineProperty为设置对象的属性的属性特征 value设置熟悉名,enumerable设置该属性是否可以被枚举
//未设置的枚举的属性不能被for in遍历和keys获取
Object.defineProperty(obj, "a", { value : 1, enumerable:true });
Object.defineProperty(obj, "b", { value : 2, enumerable:false });
Object.defineProperty(obj, "c", { value : 3,enumerable:true });
Object.defineProperty(obj,"d",{value:4,enumerable:false});
obj.name="qinyi";

console.log(Object.keys(obj));

for (let i in obj){
    console.log(i);
}


/**
 * getter和setter设置对象属性的读写监听
 * @constructor
 */
function Archiver() {
    this._temperature = null;
    this._archive = [];

    //defineProperty主要用于对对象的真实属性进行封装,让真实属性不直接被外部访问
    //mvvm的双向数据绑定就是getter和setter实现的数据更新同时触发模板层重新构建渲染传值
    Object.defineProperty(this, 'temperature', {
        get: function() {
            return this._temperature;
        },
        set: function(value) {
            this._temperature=value;
            this._archive.push({ val: value });
        }
    });

    this.getArchive = function() { return this._archive; };
}

var arc = new Archiver();
arc.temperature = 11;
arc.temperature = 13;
console.log(arc.temperature);
console.log(arc.getArchive());
原文博客
https://www.cnblogs.com/lvmylife/p/8327961.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 请问你想了解 defineProperty 和 Proxy 的区别吗?这是 JavaScript 的两种常用对象扩展方式,二者有一些共同点,但也有一些不同之处。其defineProperty 是ES5 引入的对象属性扩展方法,用于定义或修改一个对象属性,而 Proxy 是ES6 引入的一个新特性,用于创建一个代理对象,对目标对象进行捕捉和拦截,从而实现一些特殊的操作和逻辑处理。如果您需要更详细的解释,请让我知道。 ### 回答2: defineProperty和Proxy都是JavaScript属性访问和修改方式。它们有以下几点区别。 首先,defineProperty是Object的原生方法,而Proxy是ES6引入的新特性。 其次,defineProperty允许我们修改或定义单个属性的特性,例如可写性(writable)、可枚举性(enumerable)和可配置性(configurable)。通过defineProperty,我们可以精确地定义属性的行为和特性。 在需要对单个属性进行精确控制的情况下,defineProperty是一个非常有用的工具。 而Proxy则可以拦截对对象进行的操作,包括读取属性、写入属性、删除属性等。通过在代理对象上操作,我们可以对底层对象进行调度和处理。通过Proxy,我们可以创建一个拦截器,可以在对象的读取、写入以及其他操作之前或之后执行自定义的操作。 另一个区别是,使用defineProperty时,需要以对象为目标,而使用Proxy时,可以以对象或函数为目标。 最后,Proxy具有更强大的功能和灵活性。使用Proxy,我们可以拦截对整个对象的操作,而不仅仅是单个属性。Proxy还支持多个预定义的拦截器方法,例如get、set、deleteProperty等,可以更精确地控制和定制代理对象的行为。 综上所述,defineProperty和Proxy有着不同的应用场景和功能。defineProperty适用于对单个属性的精确控制,而Proxy则适用于对整个对象或函数的拦截和处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值