JavaScript中Get和Set访问器的实现
来源:互联网 发布:转置矩阵与原矩阵相乘 编辑:程序博客网 时间:2024/05/17 05:16
http://www.cnblogs.com/lhb25/archive/2010/09/19/1830724.html
摘要:前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是 JavaScript中的Get和Set访问器,和C#中的访问器非常相似。
标准的Get和Set访问器的实现:
function Field(val){
this.value = val;
}
Field.prototype = {
get value(){
return this._value;
},
set value(val){
this._value = val;
}
};
var field = new Field("test");
field.value="test2";
//field.value will now return "test2"
在如下浏览器能正常工作:
我们常用的实现方法可能是这样的:
function Field(val){
var value = val;
this.getValue = function(){
return value;
};
this.setValue = function(val){
value = val;
};
}
var field = new Field("test");
field.setValue("test2")
field.getValue() // return "test2"
在DOM元素上Get和Set访问器的实现:
HTMLElement.prototype.__defineGetter__("description", function () {
return this.desc;
});
HTMLElement.prototype.__defineSetter__("description", function (val) {
this.desc = val;
});
document.body.description = "Beautiful body";
// document.body.description will now return "Beautiful body";
在如下浏览器能正常工作:
通过Object.defineProperty实现访问器:
将来ECMAScript标准的扩展对象的方法会通过Object.defineProperty来实现,这也是为什么IE8就是通过这种方法来实现get和set访问器,看来微软还是很有远见的,遗憾的是目前只有IE8+和Chrome 5.0+支持,其它的浏览器都不支持,而且IE8+也只支持DOM元素,不过将来的版本将和Chrome一样支持普通的Javascript对象。
DOM元素上的Get和Set访问器的实现:
Object.defineProperty(document.body, "description", {
get : function () {
return this.desc;
},
set : function (val) {
this.desc = val;
}
});
document.body.description = "Content container";
// document.body.description will now return "Content container"
在如下浏览器能正常工作:
普通对象的Get和Set访问器的实现:
var lost = {
loc : "Island"
};
Object.defineProperty(lost, "location", {
get : function () {
return this.loc;
},
set : function (val) {
this.loc = val;
}
});
lost.location = "Another island";
// lost.location will now return "Another island"
在如下浏览器能正常工作:
本文总结
尽管微软的IE只是支持了Object.defineProperty,没有完美的实现Get和Set访问器,但是我们已经看到了IE有了很大的进步,特别是刚发布的IE9使用的新的javascript引擎,支持HTML5和CSS3,支持硬件加速等等,相信有一天各个浏览器都能完全拥抱标准,带来一个完美的WEB世界。
参考文献:
1. Getters and setters with JavaScript
2. JavaScript Getters and Setters
- JavaScript中Get和Set访问器的实现…
- JavaScript中Get和Set访问器的实现
- 网络之美:JavaScript中Get和Set访问器的实现
- 网络之美:JavaScript中Get和Set访问器的实现
- 关于JavaScript中Get/Set访问器
- JavaScript中Get/Set访问器
- 关于JavaScript中Get/Set访问器
- 关于JavaScript中Get/Set访问器
- javascript中Get/Set访问器
- C#中get和set访问器的解释
- C#中get和set访问器的解释
- C#中get和set访问器
- 深入了解隐式属性和带实现值属性的区别(属性中get{},set{}访问器小解)
- get访问器和set访问器
- C#中属性 get和set访问器
- C#中的GET和SET访问器
- C#中的GET和SET访问器
- oc中get set 方法的实现
- 小李的数据库之旅(上)
- redis整合spring(redisTemplate工具类)
- 利用vue-cli创建新项目和引入Bootstrap的方法
- 交换机从体系结构分类
- arm-linux-gcc-4.3.2安装
- JavaScript中Get和Set访问器的实现
- SVM1
- arcgis api for javascript graphiclayer dojo框架下画图图层的显示与清除
- 【H.264/AVC视频编解码技术详解】三. H.264简介
- 【脚本学习】shell脚本入门-eval和crontab
- 中小企业需注意的2个数据中心安全问题
- 链式队列的基本操作与实现
- 深度学习基础之-梯度弥散和梯度爆炸及解决办法
- 基于NVIDIA TEGRA系列板卡的硬件解码及视频推流