Javascript访问器属性实例分析_javascript技巧
程序员文章站
2022-04-29 13:11:29
...
本文实例分析了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程序设计有所帮助。
推荐阅读
-
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
-
JavaScript中的数据属性和访问器属性
-
JavaScript编程设计模式之构造器模式实例分析
-
javascript设计模式 – 解释器模式原理与用法实例分析
-
javascript设计模式 – 访问者模式原理与用法实例分析
-
js类的静态属性和实例属性的理解_javascript技巧
-
JavaScript在IE中“意外地调用了方法或属性访问”_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
JS函数this的用法实例分析_javascript技巧
-
javascript数组随机排序实例分析_javascript技巧