Project1

标题: js里的attr_XXX [打印本页]

作者: 墨凌羽    时间: 2015-11-26 01:06
标题: js里的attr_XXX
JAVASCRIPT 代码复制
  1. Object.prototype.attr_accessor = function (name,callBack) {
  2.         this[name] = function (value) {
  3.                 if (value !== undefined) {
  4.                         this['_'+name] = value;
  5.                         callBack();
  6.                         return this;
  7.                 } else {
  8.                         return this['_'+name];
  9.                 };
  10.         };
  11.         return this;
  12. };
  13.  
  14. Object.prototype.attr_reader = function (name) {
  15.         var name = arguments[i];
  16.         this[name] = function (value) {
  17.                 return this['_'+name];
  18.         };
  19.         return this;               
  20. }
  21.  
  22. Object.prototype.attr_writer = function (name) {
  23.         this[name] = function (value) {
  24.                 if (value !== undefined) {
  25.                         this['_'+name] = value;
  26.                         return this;
  27.                 } else {
  28.                         return undefined;
  29.                 };
  30.         };
  31.         return this;
  32. }

顺手造了个轮子。类似于ruby的attr_XXX系列方法。带参数就是修改,不带参数就是访问。其中attr_accessor中的callBack是传入一个函数,在属性值被修改的时候触发的回调事件
要注意的是不能再回调事件里写对该事件的修改。不然会成死循环。多个属性的话也不能成环。
另外,对属性的访问和修改可以通过调用"_"+属性名来直接访问

作者: taroxd    时间: 2015-11-26 06:25
本帖最后由 taroxd 于 2015-11-26 06:28 编辑

为什么不用 Object.defineProperty?

还是 ES6 的 class 比较方便




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1