码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript对象 属性

时间:2015-05-09 18:45:13      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

JavaScript对象 属性

除了包含名字和值外,属性还包含了一些他们可写、可枚举、可配置的特性。JavaScript中包含两种属性:数据属性和访问器属性。

数据属性:

configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能把属性改成访问器属性。

enumerable:表示能否通过for-in循环返回属性。

writable:表示能否修改属性的值。

value:包含这个属性的数据值。

要修改属性默认的特性,使用Object.defineProperty()。

技术分享
        var person = {};
        Object.defineProperty(person, "name", {
            configurable: false,//一旦把属性定义为不可配置,就不能再修改为可配置。
            writable: false,
            value: "Nicholas"
        });
        delete person.name;
        alert(person.name); //Nicholas
        person.name = "Michael";
        alert(person.name); //Nicholas
技术分享

访问器属性:

configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能把属性改成访问器属性。

enumerable:表示能否通过for-in循环返回属性。

get:在读取属性时调用的函数。

value:在写入属性时调用的函数。

技术分享
       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
Note: this example only works in browsers that have implemented the ECMAScript 5
技术分享

定义多个属性 Object.defineProperties()

技术分享
         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;
                    }                  
                }            
            }        
        });
           
        book.year = 2005;
        alert(book.edition);   //2
Note: this example only works in browsers that have implemented the ECMAScript 5
技术分享

读取属性的特性

技术分享
        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"
Note: this example only works in browsers that have implemented the ECMAScript 5

JavaScript对象 属性

标签:

原文地址:http://www.cnblogs.com/shiqi2016/p/4490702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!