如何在setName方法中记录猫咪所有历史名称并实现getNames方法

先看修改后的完整代码：

class Cat {
  constructor(name) {
    this.name = name;
    // 初始化曾用名数组，构造函数传了name就先加入列表
    this.nameHistory = name ? [name] : [];
  }

  getName() {
    return this.name;
  }
  
  setName(name) {
    this.name = name;
    // 往实例的历史数组里追加新名字
    this.nameHistory.push(name);
    console.log(this.nameHistory);
  }

  getNames() {
    // 返回数组副本，避免外部直接修改实例内部数据
    return [...this.nameHistory];
  }
}

let cat = new Cat();

cat.setName("Flash"); // 输出 ["Flash"]
cat.setName("Sophie"); // 输出 ["Flash", "Sophie"]

console.log(cat.getNames()); // 输出 ["Flash", "Sophie"]

核心修改说明： #

• 把数组改成实例属性：原来在setName里每次新建局部数组nameArr，方法执行完就销毁，根本存不住之前的名字。现在在constructor里初始化this.nameHistory，作为Cat实例的持久化属性，所有曾用名都存在这里。
• 补全构造函数逻辑：如果创建Cat时直接传入了名字，也要把它加入历史数组，保证记录的完整性。
• getNames返回安全副本：用扩展运算符[...this.nameHistory]返回数组的副本，避免外部代码直接修改实例内部的数组，防止意外破坏数据。
• 调整setName逻辑：每次调用时更新当前name，同时把新名字追加到历史数组，实现累积记录的效果。

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