对象属性函数生成setter和getter

Question

person = {
id: 1,
name: 'John',
phone: '123-456-789',
getSetGen: function(){

for(var key in this){
    this[`set${key}`]=function(value){
        this[key] = value;
        console.log(this[key]);
    }

    this[`get${key}`]=function(){
        console.log(this[key]);
        return this[key];
    }
    

// for(key in this){
//     console.log(this[key]);
//     if(key!='getSetGen'){
//         Object.defineProperty(this, `Set${key}`, {
//             set : function (value) {
//                 this[key] = value;
//             }
//         });

//         Object.defineProperty(self, `Get${key}`, {
//             get : function () {
//                 return this.key;
//             }
//         });
//     }
// }
}
}



person.getSetGen()

person.getname();

我正在尝试创建一个函数属性来为对象生成 getter 和 setter，并且可以与其他对象一起使用。

运行上面的代码后，setter 和 getter 不起作用，只是将函数作为“this[key]”而不是实际的属性和对象

Answer 1

编辑（现在我明白了OP的意图）

定义包装对象现有字段的属性。

1. 遍历字段
2. 使用字段名称为每个字段添加一个属性。

   像这样，看代码中的cmets：

   let myObj = {
       id: 1,
       name: 'tomato',
   };
   
   for(let fieldName of Object.keys(myObj)) {
       console.log(`fieldName = ${fieldName}`);
       Object.defineProperty(myObj, fieldName + "_property", {
           set: function(value) {
               this[fieldName] = value;
           },
           get: function() {
               return this[fieldName];
           }
       });
   }
   
   myObj.id_property = 55; // setting id_property will set id
   console.log(myObj.id); // so this will write 55
   
   myObj.id = 123; // setting id
   console.log(myObj.id_property); // this will write 123 because id_property returns id field
   

   ---

   [Obsolete("Previous answer")]

   在尝试定义属性的通用方法之前，让我们尝试定义一个普通的静态属性。例如，这里是一些名为 myObj 的对象上名为 Xyz 的属性的代码。

   如您所见，您可以在对defineProperty 的一次调用中定义getter 和setter。

   var myObj = {};
   Object.defineProperty(myObj, `Xyz`, {
       set: function (value) {
           this['_Xyz'] = value;
       },
       get: function() {
           return this._Xyz;
       }
   });
   

   另请注意，我在这里使用了一个名为 _Xyz 的“支持字段”。

   因此，为了使事物通用，我们要定义一个名为“Something”的属性并使用一个名为“_Something”的支持字段。

   然后您可以轻松地为此创建一个循环。

   然后当你运行循环时，你可以像上面这样访问属性：

   myObj.Xyz = 1; console.log(myObj.Xyz); // writes 1

   ---

   另请注意，当您设置和获取属性时，您不使用括号。例如。 myObj.myProperty() 不正确。通常，我们也不向属性名称添加 get 或 set 前缀。我们只是说 myProperty 而不是 getMyProperty。