Javascript自动为对象添加getter/setter方法（闭包方式）

JS动态生成Getter与Setter

最新推荐文章于 2022-03-01 10:01:09 发布

likaiwalkman_Victor

最新推荐文章于 2022-03-01 10:01:09 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/likaiwalkman/article/details/44841603

Javascript 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态生成属性的Getter和Setter的方法。通过遍历数组元素并利用字符串操作来创建对应的访问器方法，可以为指定的属性轻松实现数据绑定与访问控制。

function O(arr){
  var _store = {};
  for( var idx in arr ){
    _store[arr[idx]] = undefined;
    var name = arr[idx].substring(0,1).toUpperCase()+arr[idx].substring(1);
    this['get'+name] = function(){
      return _store[arr[idx]];
    }
    this['set'+name] = function(val){
      _store[arr[idx]] = val;
    }
  }
}

new O(['a','b','c'])

上述例子将自动为a b c生成getter、setter方法(getA/setA、getB/setB、getC/setC)。