如何隐式传递属性名给对象方法？游戏资源类实现问询

先直接回答你的第一个问题：把this.energy ; this.constructResource()放在同一行绝对不是良好的代码实践。这种写法会严重降低代码的可读性——其他开发者（甚至几周后的你自己）看到这行时，会困惑这两个语句为什么要绑定在一起，分号分隔无关语句的操作违背了常规代码组织逻辑，属于需要避免的“技巧性”坏味道代码。

接下来，给你几个更优、更标准化的方案，解决“自动传递属性名给Resource构造函数”的需求：

方案1：角色类添加addResource工厂方法（最直接简洁） #

在你的角色类里封装一个专门的方法，负责创建并挂载Resource实例，同时自动传入属性名：

class Character {
  constructor() {
    // 调用封装好的方法，只需要传入属性名和Resource的参数
    this.addResource('energy', 0, 100, 0xEEEEEE);
    this.addResource('health', 0, 200, 0xFF0000);
    // 后续添加新资源只需要重复这一行
  }

  addResource(propName, min, max, color) {
    // 自动把Resource实例挂载到当前角色的对应属性上
    this[propName] = new Resource(propName, min, max, color);
  }
}

这个方案的优点是代码清晰、易于维护，完全符合常规的面向对象封装思想，不需要任何黑魔法，团队里的其他开发者一眼就能看懂。

方案2：使用Proxy实现隐式属性名传递（更优雅的进阶方案） #

如果你希望写法更简洁，甚至不需要显式传入属性名，可以用ES6的Proxy来拦截角色对象的属性赋值操作，自动把配置转化为Resource实例：

class Character {
  constructor() {
    return new Proxy(this, {
      set(target, propName, config) {
        // 判断赋值的内容是不是Resource的配置项
        if (typeof config === 'object' && 'min' in config && 'max' in config && 'color' in config) {
          // 自动用属性名作为Resource的name参数
          target[propName] = new Resource(propName, config.min, config.max, config.color);
        } else {
          // 非资源配置的属性正常赋值
          target[propName] = config;
        }
        return true;
      }
    });
  }
}

// 使用时写法非常简洁：
const player = new Character();
player.energy = { min: 0, max: 100, color: 0xEEEEEE };
player.health = { min: 0, max: 200, color: 0xFF0000 };

这个方案的优点是写法极度简洁，完全隐式传递了属性名，但需要团队成员对Proxy有一定了解，适合追求代码优雅度的场景。

方案3：给Resource类添加静态工厂方法（折中方案） #

如果不想修改角色类的结构，也可以给Resource类本身添加一个静态方法，用来绑定属性名：

class Resource {
  constructor(_name, _min, _max, _color) {
    this.name = _name;
    this.className = "character-" + _name;
    this.max = _max;
    this.min = _min;
    this.current = _max;
    this.color = _color;
  }

  // 静态方法，传入属性名和参数，返回Resource实例
  static create(propName, min, max, color) {
    return new Resource(propName, min, max, color);
  }
}

// 角色类中使用：
class Character {
  constructor() {
    this.energy = Resource.create('energy', 0, 100, 0xEEEEEE);
    this.health = Resource.create('health', 0, 200, 0xFF0000);
  }
}

这个方案虽然还是需要写两次属性名，但比直接写new Resource更清晰，而且如果后续需要修改Resource的创建逻辑（比如添加默认值），只需要修改静态方法即可，扩展性更好。

总的来说，方案1是最推荐的，它平衡了简洁性、可读性和维护性；如果你的团队对ES6特性比较熟悉，方案2能带来更优雅的写法。

内容的提问来源于stack exchange，提问作者J-Rosales