首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

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

2020-11-27 来源:华佗小知识

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()会报错。

    显示全文