JS中的数据属性和访问器属性
2016-11-24 15:52
295 查看
数据属性:包含一个数据值的位置,在这个位置可以读取和写入值。有4个描述其行为的特性:
(1)Configurable:表示能否通过delete删除属性,从而重新定义属性,默认值为ture;
(2)Enumerable:表示能否通过for-in循环返回属性,默认值为ture;
(3)Writable:表示能否修改属性的值,默认为ture;
(4)Vaule:包含这个属性的数据值,读取属性时,从这个位置读,写属性时,将新值保存进入,默认值为undefined。
var person = {};
Object.defineProperty(person, "name", {
configurable: false,
value: "Nicholas"
}); 上例中,创建了一个person对象,Configurable为false表示不能通过delete删除属性,而此例子中Writable默认为ture,即可修改属性的值,通过vaule将属性值修改为“Nicholas”。
访问器属性:不包含属性值,只包含getter和setter函数。读取访问器属性时,调用getter函数,返回有效的值;在写入访问器属性时,调用setter函数传入新值。(这两个函数不是
必需的),其有4干扰描述其行为的特性;
(1) Configurable:表示是否能通过delete删除属性从而重新定义属性,能否修改属性的特性,能否把属性修改为访问器属性,默认值为ture;
(2) Enumerable:表示能否用for-in循环返回,默认值为ture;
(3) Get:读取属性时调用的函数,默认undefined;
(4 )Set:写入属性时调用的函数,默认undefined。
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 使用访问器属性时,常常会导致其他属性也发生变化,上例中edition发生了变化。
(1)Configurable:表示能否通过delete删除属性,从而重新定义属性,默认值为ture;
(2)Enumerable:表示能否通过for-in循环返回属性,默认值为ture;
(3)Writable:表示能否修改属性的值,默认为ture;
(4)Vaule:包含这个属性的数据值,读取属性时,从这个位置读,写属性时,将新值保存进入,默认值为undefined。
var person = {};
Object.defineProperty(person, "name", {
configurable: false,
value: "Nicholas"
}); 上例中,创建了一个person对象,Configurable为false表示不能通过delete删除属性,而此例子中Writable默认为ture,即可修改属性的值,通过vaule将属性值修改为“Nicholas”。
访问器属性:不包含属性值,只包含getter和setter函数。读取访问器属性时,调用getter函数,返回有效的值;在写入访问器属性时,调用setter函数传入新值。(这两个函数不是
必需的),其有4干扰描述其行为的特性;
(1) Configurable:表示是否能通过delete删除属性从而重新定义属性,能否修改属性的特性,能否把属性修改为访问器属性,默认值为ture;
(2) Enumerable:表示能否用for-in循环返回,默认值为ture;
(3) Get:读取属性时调用的函数,默认undefined;
(4 )Set:写入属性时调用的函数,默认undefined。
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 使用访问器属性时,常常会导致其他属性也发生变化,上例中edition发生了变化。
相关文章推荐
- JS对象高级属性:数据属性与访问器属性
- JS入门难点解析13-属性描述符,数据属性和访问器属性
- js属性类型(数据属性和访问器属性)
- JS 数据属性 & 访问器属性
- JS属性-------内部属性(数据属性和访问器属性)
- 【JS】对象3种属性:数据属性/访问器属性/内部属性
- JS数据属性和访问器属性
- JS中的克隆与数据属性和访问器属性
- 属性的特征描述可以分为两类:数据属性和访问器属性
- 第六章 面向对象的程序设计 数据属性+访问器属性
- JavaScript数据属性与访问器属性
- js根据json数据中的某一个属性来给数据分组
- 4.2、JS——var 数据类型 节点标签属性操作 动态获取方法
- 浅谈Javascript数据属性与访问器属性
- JavaScript笔记--数据属性和访问器属性
- ECMAScript 5中的数据属性和访问器属性
- JavaScript 数据属性和访问器属性
- 用原生Javascript对象中的访问器属性实现双向数据绑定
- 属性类型:数据类型,访问器类型的坑
- js中判断数据类型的属性typeof、instanceof、 constructor、 prototype