JavaScript面向对象属性类型

属性类型

  • 数据属性
    • [configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。默认值为true
    • [Enumerable]:表示能否通过for-in循环返回属性。默认值为true
    • [Writable]:表示能否修改属性的值。默认值为true
    • [Value]:包含这个属性的值。默认值为undefined
    • –>要修改属性默认的特性,必须使用ECMAScript5的object.defineProoerty()方法。这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。其中描述符(descriptor)对象的属性必须是:configurable,enumerable,writable和value。`代码如下
        var person = {};
        Object.defineProperty(person, "name", {
            writable: false,
            value: "Nicholas"
        });

        alert(person.name);
        person.name = "Michael";
        alert(person.name);
  • 访问器属性
    • 访问器属性不包含数据值,它们包含以对getter和setter函数。在读取访问器属性时,会调用getter函数,这个函数负责返回有效地值;在写入访问器属性时,会调用setter函数并传入新值,这个函数负责决定如何处理数据。访问器属性有4个特性。
    • [configurable]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。默认值为true
    • [Enumerable]:表示能否通过for-in循环返回属性。默认值为true
    • [get]:在读取属性时调用的函数。默认值为undefined
    • [set]:在读入属性时调用的函数。默认值为undefined
    • 访问器属性不能直接定义,必须使用object.defneProperty()来定义。代码如下
var book = {
            _year: 2004,
            edition: 1
        };

        Object.defineProperty(book, "year", {
            get: function(){
                return this._year;
            },
            set: function(newValue){

                if (newValue > 2004) {
                    this._year = newValue;
                    this.edition += newValue - 2004;

                }
            }
        });

        book.year = 2005;
        alert(book.edition);   //2
  • 读取属性特征
    • object.getOwnPropertyDescriptor()方法可以取得给定属性的描述符。这个方法接受两个参数L属性所在的对象和要读取器描述符的属性名称。返回值是一个对象,如果是访问器属性,这个对象属性有configurable,enumerable,get,set;如果是数据属性,这个对象的属性有configurable,enumerable,writable,value。代码如下
var book = {};

        Object.defineProperties(book, {
            _year: {
                value: 2004
            },

            edition: {
                value: 1
            },

            year: {            
                get: function(){
                    return this._year;
                },

                set: function(newValue){
                    if (newValue > 2004) {
                        this._year = newValue;
                        this.edition += newValue - 2004;
                    }                  
                }            
            }        
        });

        var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
        alert(descriptor.value);          //2004
        alert(descriptor.configurable);   //false
        alert(typeof descriptor.get);     //"undefined"

        var descriptor = Object.getOwnPropertyDescriptor(book, "year");
        alert(descriptor.value);          //undefined
        alert(descriptor.enumerable);     //false
        alert(typeof descriptor.get);     //"function"

`

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值