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

网络编程 2025/1/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

写注释不是我的强项，有什么问题请在评论中写出来: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,defineSetter,-给js的,"class"自动增加一个set的属性(方法)

标签：

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

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“js defineSetter -给js的 "class"自动增加一个set的属性(方法)”

暂无js defineSetter -给js的 "class"自动增加一个set的属性(方法)的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月23日

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

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

Javascript & DHTML 实例编程（教程）基础知识

把JS与CSS写在同一个文件里的书写方法

评论“js defineSetter -给js的 "class"自动增加一个set的属性(方法)”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接