Javascript访问器属性实例分析
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了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程序设计有所帮助。