您的当前位置：首页 Javascriptapply的巧妙用法和Object.defineProperty的扩展使用

Javascriptapply的巧妙用法和Object.defineProperty的扩展使用

来源：华佗小知识

var obj = {};//定义的新属性后，这个属性的特性中configurable，enumerable，writable都为默认的值false//这就导致了newkey这个是不能重写、不能枚举、不能再次设置特性//Object.defineProperty(obj,'newKey',{

});//设置值obj.newKey = 'hello';
console.log(obj.newKey); //undefined//枚举for( var attr in obj ){
 console.log(attr);
}

设置的特性总结：

value: 设置属性的值

writable: 值是否可以重写。true | false

enumerable: 目标属性是否可以被枚举。true | false

configurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false

存取器描述

当使用存取器描述属性的特性的时候，允许设置以下特性属性：

var obj = {};
Object.defineProperty(obj,"newKey",{
 get:function (){} | undefined,
 set:function (value){} | undefined
 configurable: true | falseenumerable: true | false});

注意：当使用了getter或setter方法，不允许使用writable和value这两个属性

getter/setter

当设置或获取对象的某个属性的值的时候，可以提供getter/setter方法。

getter 是一种获得属性值的方法

setter是一种设置属性值的方法。

在特性中使用get/set属性来定义对应的方法。

var obj = {};var initValue = 'hello';
Object.defineProperty(obj,"newKey",{
 get:function (){//当获取值的时候触发的函数return initValue; 
 },
 set:function (value){//当设置值的时候触发的函数,设置的新值通过参数value拿到initValue = value;
 }
});//获取值console.log( obj.newKey ); //hello//设置值obj.newKey = 'change value';

console.log( obj.newKey ); //change value

注意：get或set不是必须成对出现，任写其一就可以。如果不设置方法，则get和set的默认值为undefined

兼容性

在ie8下只能在DOM对象上使用，尝试在原生的对象使用 Object.defineProperty()会报错。