首页 > 代码库 > JavaScript对象 属性

JavaScript对象 属性

2024-07-16 11:27:02   229人阅读

除了包含名字和值外，属性还包含了一些他们可写、可枚举、可配置的特性。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高级程序设计


联系
我们