JavaScript中调用自定义forEach2函数报错，求原因解析

你遇到的Uncaught TypeError: students.forEach2 is not a function错误，核心问题出在函数的定义方式和调用逻辑不匹配，咱们一步步拆解：

为什么会报错？ #

你定义的forEach2是一个独立的全局函数，而不是数组对象的专属方法。在JavaScript里，像forEach这种数组能直接调用的方法，是被挂载在Array.prototype（数组原型）上的——所有数组实例都会继承原型上的方法，所以才能直接用students.forEach()。

但你的forEach2只是孤零零的一个函数，并没有和数组的原型关联起来，students这个数组实例根本“不知道”这个函数的存在，自然会报错说它不是一个函数。

另外你调用时写的students.forEach2(students)还有个小问题：就算这是个数组方法，也不需要把数组本身传进去——数组方法内部的this会自动指向调用它的数组实例（也就是这里的students）。

两种修复方案 #

方案1：直接调用独立函数 #

既然你定义的是普通函数，直接把数组作为参数传进去调用就行，修改调用代码：

forEach2(students);

这样就能正常执行你写的遍历逻辑了。不过这里要提个小优化：原来的循环里i没有用var/let/const声明，会变成全局变量，建议改成let i = 0，避免全局污染。

方案2：把函数改成数组原型方法 #

如果你想让所有数组都能像用forEach一样调用forEach2，可以把函数挂载到Array.prototype上：

var students = ['foo', 'bar', 'baz'];
Array.prototype.forEach2 = function() {
  // 用this指代调用这个方法的数组实例
  for (let i = 0; i < this.length; i++) {
    console.log(this[i]);
  }
}
// 现在可以直接调用
students.forEach2();

这样所有数组实例都能使用forEach2方法，逻辑更贴合你原本的调用预期。

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