JavaScript的访问器

女爷i 2023-08-17 17:00 69阅读 0赞

## 一、访问器属性： ##

1、Configurable:表示能否通过delete删除属性，从而重新定义属性，能否修改属性的特性，或者能否把属性修改为数据属性。对于直接在对象上定义的属性，这个特性的默认值为true，表示可以使用delete删除该属性；对于使用Object.defineProperty方式定义的属性，这个特性默认值是false，表示不能使用delete删除该属性。

举例：

var obj = {};
    Object.defineProperty(obj,'name',{
        value : '何莉莉'
    });
    obj.age='23';
    
    delete obj.name;//返回值false,严格模式下会报错，属性不会被正常删除。
    delete obj.age;//返回值true，属性可以被正常删除。

2、Enumerable:表示能否通过for - in 循环返回属性。对于直接在对象上定义的属性，这个特性的默认值为true，表示可以使用for - in循环返回属性；对于使用Object.defineProperty方式定义的属性，这个特性的默认值为false，表示不能使用for - in 循环返回属性。

for(one in obj){
        console.log(one+": "+obj[one]);
    }
    //结果中不包含使用Object.defineProperty定义的name属性结果
    //age: 23

3.get:在读取属性时调用的函数。默认值undefined。

4.set:在写入属性时调用的函数。默认值undefined。

//下面以类似的双向绑定为例，表明给属性赋值时候，如何使用set和get方法。
    var obj = {
        temp : '',
        array : [],
        push : function(val){
            this.temp = val;
        }
    };
    
    
    Object.defineProperty(obj,'temp',{
        set:function(val){
            obj.array.push(val);
        },
    　　 get:function(){
    　　　　 return obj.array;
    　　 }
    });
    
    obj.push("亲");
    obj.push("爱");
    obj.push("的");
    obj.push("你");
    //结果
    obj.array；//直接从对象中获取
    obj.temp;//走get方法

![1257696-20190908104751764-1369511946.png][]

##  二、定义多个属性 ##

ECMAScript5定义了一个Object.definPropertis()方法。利用此方法可以通过描述符一次定义多个属性。这个方法接受两个对象参数：第一个对象是添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。

例如：

##  三、读取属性的四个特性 ##

var remote = Object.getOwnPropertyDescriptor(book,'_year');
    
    for(var node in remote){
        
        console.log(node + ":" + remote[node]);
    
    }
    
    //结果

转载于:https://www.cnblogs.com/pecool/p/11484671.html

[1257696-20190908104751764-1369511946.png]: /images/20230808/913d4a9066f54151a63801bc134ace79.png