Javascript访问器属性实例分析
内容摘要
本文实例分析了Javascript 访问器属性的用法,分享给大家供大家参考。具体分析如下:
这个和构造函数的意思有点像,但功能又不同,他可以让两个属性建立关联,通过修改一个属性来改变
这个和构造函数的意思有点像,但功能又不同,他可以让两个属性建立关联,通过修改一个属性来改变
文章正文
本文实例分析了Javascript 访问器属性的用法,分享给大家供大家参考。具体分析如下:
这个和构造函数的意思有点像,但功能又不同,他可以让两个属性建立关联,通过修改一个属性来改变另一个属性。
复制代码 代码如下:
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 = 2006;
console.log(book.edition);
_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 = 2006;
console.log(book.edition);
由上例可见,修改_year,输出值改变的只有year,但通过set,在修改year时edition也同时改变了。
希望本文所述对大家的javascript程序设计有所帮助。
代码注释