第二课：ES5中新增的方法（三）：对象方法（2021/4/15）

左手的ㄟ右手 2023-01-13 04:27 65阅读 0赞

> 一、对象方法

1.  Object.keys()  
    Object.keys() 用于获取对象自身所有的属性  
    用法：Object.keys(obj)  
    效果类似 for…in  
    返回一个由属性名组成的数组

var obj = {
            id:1,
            pname:'小米',
            price:1000,
            num:200
    }
    
    var arr = Object.keys(obj);
    console.log(arr) //[ 'id', 'pname', 'price', 'num' ]

1.  Object.defineProperty()  
    定义对象中新属性或修改原有的属性。 Object.defineProperty(obj,prop,descriptor)  
    obj :必需。目标对象  
    prop∶必需。需定义或修改的属性的名字  
    descriptor : 必需。目标属性所拥有的特性  
    Object.defineProperty() 第三个参数descriptor说明:以对象形式\{\}书写  
    /\*===================\*/  
    value:设置属性的值默认为undefined  
    writable:值是否可以重写。true | false 默认为false  
    enumerable:目标属性是否可以被枚举。true | false 默认为false  
    configurable:目标属性是否可以被删除或是否可以再次修改特性true | false 默认为false

var obj = {
            id:1,
            pname:'小米',
            price:1000,
            num:200
    }
    
    // 以前的对象添加和修改属性的方式：
    	obj.pname = '华为';
    // 现在：
    // Object.defineProperty(obj,prop,descriptor) 定义对象中新属性或修改原有的属性。
    
    // ==========================================
    
    // 修改值
    Object.defineProperty(obj,'num',{
            value:2222
    })
    // 能不能被改写
    Object.defineProperty(obj,'id',{
            writable:false
    })
    obj.id = 322; 
    console.log(obj)//{ id: 1, pname: '华为', price: 1000, num: 2222 } //改写失败
    
    // 能不能被遍历出来
    Object.defineProperty(obj,'price',{
            enumerable:false //默认值为false,新增属性不能枚举
    })
    console.log(obj)//{ id: 1, pname: '华为', num: 2222 }  //隐藏不被遍历出来
    
    Object.defineProperty(obj,'num',{
            configurable:false //如果为false 则不允许删除这个属性 默认为false
    })
    // Object.defineProperty(obj,'num',{
    //         configurable:true //由于上一步的configurable已经设置为特性不允许再修改，所以这里不允许修改了，直接报错
    // })
    delete obj.num //删除特性
    console.log(obj) //configurable已设置无法删除该属性 
    //打印：{ id: 1, pname: '华为', num: 2222 } 
    //num不会被删除