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

Javascript
IE与firefox下Dhtml的一些区别小结
jQuery Selectors(选择器)的使用(一、基本篇)
jQuery Selectors(选择器)的使用(二、层次篇)
jQuery 跨域访问问题解决方法
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
javascript 面向对象全新理练之数据的封装
javascript 面向对象全新理练之继承与多态
javascript 面向对象全新理练之原型继承
JavaScript 生成随机数并自动大小排序
JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
JavaScript 双级下拉菜单实现代码
JavaScript split()使用方法与示例
33种Javascript 表格排序控件收集
js 屏蔽鼠标右键脚本附破解方法
javascript json 新手入门文档
jQuery Selectors(选择器)的使用(四-五、内容篇&可见性篇)
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
javascript 汉字转拼音实现代码
javascript 跳转代码集合
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 330 ::
收藏到网摘: 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。