当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js defineSetter -给js的 "class"自动增加一个set的属性(方法)

Javascript
js 方法实现返回多个数据的代码
Ext 表单布局实例代码
javascript document.referrer 用法
JavaScript 字符编码规则
JS 动态加载脚本的4种方法
jQuery textarea的长度进行验证
jQuery select的操作实现代码
jQuery 1.2.x 升級 1.3.x 注意事项
关于viewport,Ext.panel和Ext.form.panel的关系
日期 时间js控件
JavaScript的parseInt 进制问题
javascript 有用的脚本函数
javascript 两个字符串比较函数
javascript 代码运行器
js arguments.callee的应用代码
JavaScript Table排序 2.0 (更新)
给Function做的OOP扩展
<script defer> defer 是什么意思
FF和IE之间7个JavaScript的差异
javascript获取当前ip的代码

Javascript 中的 js defineSetter -给js的 "class"自动增加一个set的属性(方法)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 230 ::
收藏到网摘: n/a

写注释不是我的强项,有什么问题请在评论中写出来:D
写一个JS class时,如
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

为了容易理解代码,以及更好的区分public和private的变量,我通常用set...方法(...为某(些)成员变量)来赋值给类的成员。这些set方法当然就是public的。还有一点就是使代码能够更规范一些。
然而问题就出在这里,如果以上代码不考虑验证有效性(或者只验证简单的有效性),那我们就会多出很多的代码,试想一个类有20个成员(属性),那么我们就得加20个set...方法,实在多余,因此,要想办法来解决这个问题。
回忆在Mozilla中,有__defineSetter__和__defineGetter__的方法来给DOM增加成员,给开发人员带来很多方便。我们也来仿一个js版的__defineSetter。
简单的思路:
利用JS动态给对象增加方法(或属性)
但类中方法不必再添加set...此类方法。
非[a-z]区间的属性也不再添加set...此类方法。
写出实现代码
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

基本实现了_defineSetter,而我们要一个个的defineSetter岂不是太麻烦了。既然已经实现了原型,那么用原型来动态绑定到Function对象上,一行代码就解决了set..方法了。
Function.prototype.defineAllSetter = function (hdle) {
for (var i in this.prototype)
_defineSetter.apply(this, [this,i,hdle]);
return this;
};
接下来就是再绑定一个defineSetter给Function对象。
Function.prototype.defineSetter = function (p, hdle) {
return _defineSetter.apply(this,
[this].concat(Array.prototype.slice.call(arguments,0)));
};
OK!基本完成想要的功能。try it...
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
本例DEMO及全部代码:
http://www.never-online.net/code/js/defineSetter/
当然,我们还可以加入验证~,具体的代码我就不再多写了,呵呵,已经实现了,有兴趣的朋友也试着玩一下:D。