实现Person类静态方法introducePeople时遇调用报错求助

我运行代码时遇到报错："Person.introduce" is not a function。需求是为Person类创建静态方法introducePeople，该方法接收Person实例数组，需满足：

• 参数非数组时输出错误信息"introducePeople only takes an array as an argument."
• 数组含非Person实例时输出错误信息"All items in array must be Person class instances."
• 无错误则调用每个实例的introduce方法

我尝试了三种写法，分别存在报错、功能失效、错误提示不触发的问题：

第一种代码：触发Person.introduce is not a function报错 #

class Person{

  firstName;
  lastName;
  age;

  constructor(firstName, lastName, age) {
    this.firstName = firstName,
    this.lastName = lastName,
    this.age = age
  }

  introduce() {
    console.log(`Hi, I'm ${this.firstName} ${this.lastName}, and I'm ${this.age} years old.`);
  }


  static introducePeople(...people) {
    if (Array.isArray(people)) {
      console.error("introducePeople only takes an array as an argument.")
    } else if (!(people instanceof Person)) {
      console.error("All items in array must be Person class instances.")
    } else {
      return people
        .forEach((aPerson) => Person.introduce(aPerson))
    }
  }

};

问题分析： #

1. 误用...people剩余参数：传入的数组会被打包成二维数组，导致参数判断逻辑完全错位，且Array.isArray(people)永远为true，第一个错误提示逻辑写反。
2. !(people instanceof Person)判断无效：people是数组，不可能是Person实例，该分支会错误触发。
3. 调用实例方法方式错误：Person.introduce()是静态方法调用，但introduce是实例方法，应该用aPerson.introduce()。

第二种代码：消除报错但功能失效 #

static introducePeople(...people) {
    if (!Array.isArray(people)) {
      console.log("introducePeople only takes an array as an argument.")
    } else if (!(people instanceof Person)) {
      console.log("All items in array must be Person class instances.")
    } else {
      return people
        .forEach((aPerson) => aPerson.introduce)
    }
  }

问题分析： #

1. 同样误用...people，导致传入的数组被包裹成二维数组，参数判断逻辑混乱。
2. !(people instanceof Person)分支依然无效，会错误触发。
3. aPerson.introduce仅引用方法未调用，需改为aPerson.introduce()。

第三种代码：部分有效但错误提示不触发 #

static introducePeople(array) {
    for (const person of array) {
      if (person instanceof Person) {
        person.introduce();
      } else if (!(Array.isArray(array))) {
        console.error("introducePeople only takes an array as an argument.")
        return;
      } else {
        console.error("All items in array must be Person class instances.")
        return;
      }(!(person instanceof Person))
    }
  }

问题分析： #

1. 数组类型判断放在循环内部：若传入非数组，for...of会直接报错，根本走不到错误提示逻辑。
2. 循环末尾(!(person instanceof Person))是无效语法，无任何作用。
3. 判断顺序错误：应先检查参数是否为数组，再遍历检查元素类型。

正确实现代码 #

class Person {
  firstName;
  lastName;
  age;

  constructor(firstName, lastName, age) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }

  introduce() {
    console.log(`Hi, I'm ${this.firstName} ${this.lastName}, and I'm ${this.age} years old.`);
  }

  static introducePeople(array) {
    // 第一步：检查参数是否为数组
    if (!Array.isArray(array)) {
      console.error("introducePeople only takes an array as an argument.");
      return;
    }

    // 第二步：检查数组所有元素是否为Person实例
    const allArePersonInstances = array.every(item => item instanceof Person);
    if (!allArePersonInstances) {
      console.error("All items in array must be Person class instances.");
      return;
    }

    // 第三步：调用每个实例的introduce方法
    array.forEach(person => person.introduce());
  }
};

实现说明： #

1. 直接接收array参数，符合“接收Person实例数组”的需求，避免剩余参数导致的逻辑混乱。
2. 先判断参数类型，不符合则直接输出错误并返回，确保后续逻辑只处理合法数组。
3. 使用Array.every()批量检查元素类型，确保所有元素都是Person实例。
4. 无错误时遍历数组，正确调用每个实例的introduce()方法。

内容的提问来源于stack exchange，提问作者Timothy W. Times