javascript中的__defineGetter__和__defineSetter__介绍
更新时间：2014年08月15日 10:08:41 投稿：junjie
这篇文章主要介绍了javascript中的__defineGetter__和__defineSetter__介绍,类似面向对象语言中的get和set关键字,需要的朋友可以参考下
Getter是一种获取一个属性的值的方法，Setter是一种设置一个属性的值的方法。可以为任何预定义的核心对象或用户自定义对象定义getter和setter方法，从而为现有的对象添加新的属性。
有两种方法来定义Getter或Setter方法：
1.在对象初始化时定义
2.在对象定义后通过Object的__defineGetter__、__defineSetter__方法来追加定义
在使用对象初始化过程来定义Getter和Setter方法时唯一要做的事情就是在getter方法前面加上“get”，在setter方法前面加上“set”。
还有一点要注意的就是getter方法没有参数，setter方法必须有一个参数，也就是要设置的属性的新值。
例如：
复制代码 代码如下:
o = {
value:9,
get b() {return this.value;},
set setter(x) {this.value = x;}
}
在对象定义后给对象添加getter或setter方法要通过两个特殊的方法__defineGetter__和__defineSetter__。这两 个函数要求第一个是getter或setter的名称，以string给出，第二个参数是作为getter或setter的函数。
例如我们给Date对象添加一个year属性：
复制代码 代码如下:
Date.prototype.__defineGetter__('year', function() {return this.getFullYear();});
Date.prototype.__defineSetter__('year', function(y) {this.setFullYear(y)});
var now = new Date;
alert(now.year);
now.year = 2006;
alert(now);
至于采用哪种形式主要取决于个人的编程风格，采用第一种形式结构紧凑，更容易理解。但是假如你想在对象定义以后再添加Getter或Setter，或者这个对象的原型不是你写的或是内置对象，那么只好采用第二种方式了。
下面是一个为Mozilla浏览器添加innerText属性的实现：
复制代码 代码如下:
HTMLElement.prototype.__defineGetter__
(
"innerText",function()
//define a getter method to get the value of innerText,
//so you can read it now!
{
var textRange = this.ownerDocument.createRange();
//Using range to retrieve the content of the object
textRange.selectNodeContents(this);
//only get the content of the object node
return textRange.toString();
// give innerText the value of the node content
}
相关文章
这篇文章主要介绍了JS实现的两个滑块区间拖动效果代码,涉及JavaScript响应鼠标事件针对页面元素的动态操作技巧,需要的朋友可以参考下2015-10-10
解决layui中onchange失效以及form动态渲染失效的问题
今天小编就为大家分享一篇解决layui中onchange失效以及form动态渲染失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了前端本地文件获取excel表格内容并渲染在页面的方法,主要利用SheetJS插件用于处理Excel文件,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了EditPlus 正则表达式 实战(3)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
你知不知道JS对象遍历顺序，本文就来详细的介绍了一下JS对象遍历顺序问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
模仿jQuery，创建几个包裹节点的方法，发现jQuery的方法很低效啊，下一次他又可以说这几个方法可以提升了多少多少了。2010-02-02
WebStorm中如何将自己的代码上传到github示例详解
这篇文章主要介绍了WebStorm中如何将自己的代码上传到github,本文分步骤通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
在web开发中，防止表单的重复提交是一个非常重要的环节。重复提交会导致数据混乱，甚至可能导致系统崩溃，今天我们将带领大家从小白级别到大神级别的程序员，一起来学习如何在实际项目中避免表单的重复提交2023-04-04
这篇文章主要给大家介绍了关于如何通过17道题让你彻底理解JS中的类型转换的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
这篇文章主要介绍了基于JS实现禁止查看源码及获取键盘的按键值,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-02-02
最新评论