js defineSetter -给js的 "class"自动增加一个set的属性(方法)
更新时间：2007年06月02日 00:00:00 作者：
写注释不是我的强项，有什么问题请在评论中写出来:D
写一个JS class时，如
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
为了容易理解代码，以及更好的区分public和private的变量，我通常用set...方法(...为某（些）成员变量）来赋值给类的成员。这些set方法当然就是public的。还有一点就是使代码能够更规范一些。
然而问题就出在这里，如果以上代码不考虑验证有效性（或者只验证简单的有效性），那我们就会多出很多的代码，试想一个类有20个成员（属性），那么我们就得加20个set...方法，实在多余，因此，要想办法来解决这个问题。
回忆在Mozilla中，有__defineSetter__和__defineGetter__的方法来给DOM增加成员，给开发人员带来很多方便。我们也来仿一个js版的__defineSetter。
简单的思路：
利用JS动态给对象增加方法（或属性）
但类中方法不必再添加set...此类方法。
非[a-z]区间的属性也不再添加set...此类方法。
写出实现代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
基本实现了_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 全选 注:引入外部Js需再刷新一下页面才能执行]本例DEMO及全部代码:
http://www.never-online.net/code/js/defineSetter/
当然，我们还可以加入验证~，具体的代码我就不再多写了，呵呵，已经实现了，有兴趣的朋友也试着玩一下:D。
写一个JS class时，如
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
为了容易理解代码，以及更好的区分public和private的变量，我通常用set...方法(...为某（些）成员变量）来赋值给类的成员。这些set方法当然就是public的。还有一点就是使代码能够更规范一些。
然而问题就出在这里，如果以上代码不考虑验证有效性（或者只验证简单的有效性），那我们就会多出很多的代码，试想一个类有20个成员（属性），那么我们就得加20个set...方法，实在多余，因此，要想办法来解决这个问题。
回忆在Mozilla中，有__defineSetter__和__defineGetter__的方法来给DOM增加成员，给开发人员带来很多方便。我们也来仿一个js版的__defineSetter。
简单的思路：
利用JS动态给对象增加方法（或属性）
但类中方法不必再添加set...此类方法。
非[a-z]区间的属性也不再添加set...此类方法。
写出实现代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
基本实现了_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 全选 注:引入外部Js需再刷新一下页面才能执行]
http://www.never-online.net/code/js/defineSetter/
当然，我们还可以加入验证~，具体的代码我就不再多写了，呵呵，已经实现了，有兴趣的朋友也试着玩一下:D。
相关文章
这篇文章主要介绍了js如何获取对象在数组中的index，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
气泡跟随鼠标移动，并在每次点击时产生不同的变化，效果非常迷人，下面小编给大家带来了，基于js实现的气泡效果实例代码，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了JS实现的数字格式化功能,结合实例形式分析了javascript针对数字与字符的相关运算处理技巧,需要的朋友可以参考下2017-02-02
网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。2011-02-02
这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要分享10个常见的前端手写功能，防抖、节流、深拷贝、异步控制并发数、继承等功能技巧，具有一定的参考价值，需要的小伙伴可以参考一下2022-02-02
本篇文章主要是对JS实现仿百度输入框自动匹配功能的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JavaScript常用数组元素搜索或过滤的四种方法,每种方式通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了JavaScript操作class和style样式的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了JS+CSS简单树形菜单实现方法,涉及JavaScript结合css动态操作页面元素结点的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
最新评论