您的位置:首页 > Web前端 > JavaScript

JavaScript面向对象属性类型

2017-03-30 11:03 267 查看

属性类型

数据属性

[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"


`
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 面向对象