Python __getitem__方法对应的JavaScript等效实现方案咨询

核心实现思路 #

JS 没有 Python 中__getitem__这类魔术方法，但可以通过两种主流方案实现相同的索引访问触发自定义逻辑的效果：

方案1：Proxy 代理实现（通用、推荐） #

ES6 新增的 Proxy 可以拦截对象的所有属性访问操作，完美匹配你需要的动态生成逻辑，支持任意范围的索引访问：

// 你的User类，根据自己的需求实现即可
class User {
  constructor(table, index) {
    this.belongTable = table;
    this.index = index;
  }
}

class Table {
  constructor() {
    this.users = new Array(8).fill(null);
  }

  // 对应Python中__getitem__的自定义逻辑
  #getIndexedItem(key) {
    const index = Number(key);
    // 校验索引合法性
    if (!Number.isInteger(index) || index < 0 || index > 7) {
      throw new RangeError("用户索引必须是0-7范围内的整数");
    }
    // 为空时动态创建User实例
    if (this.users[index] === null) {
      this.users[index] = new User(this, index);
    }
    return this.users[index];
  }

  // 封装工厂方法直接返回代理后的实例，无需手动处理Proxy
  static createInstance() {
    const instance = new Table();
    return new Proxy(instance, {
      get(target, prop) {
        // 先返回实例本身的原生属性/方法
        if (prop in target) {
          return Reflect.get(target, prop);
        }
        // 非原生属性走索引访问逻辑
        return target.#getIndexedItem(prop);
      }
    })
  }
}

使用示例

const myTable = Table.createInstance();
console.log(myTable[3]); // 自动创建索引为3的User实例，重复访问不会重复创建
console.log(myTable[9]); // 抛出范围错误，符合校验规则

方案2：预定义getter实现（兼容性好、适合固定索引范围） #

如果你的索引范围固定很小（比如你这里固定是0-7），可以提前为每个索引绑定getter，无需用到Proxy，兼容性更好：

class User {
  constructor(table, index) {
    this.belongTable = table;
    this.index = index;
  }
}

class Table {
  constructor() {
    this.users = new Array(8).fill(null);
    // 提前为每个索引定义getter
    for (let i = 0; i < 8; i++) {
      Object.defineProperty(this, i, {
        get: () => {
          if (this.users[i] === null) {
            this.users[i] = new User(this, i);
          }
          return this.users[i];
        }
      })
    }
  }
}

使用示例

const myTable = new Table();
console.log(myTable[3]); // 和Python效果一致

注意事项 #

JS 语法不支持myTable.3这种写法，标识符不能以数字开头，数字索引只能用[]语法访问，该限制无法绕过。

内容的提问来源于stack exchange，提问作者fahim545