元素是如何传入 JavaScript 中的回调方法的？

Question

我目前正在学习 JavaScript，我对 Array.find() 方法的回调函数如何工作感到有些困惑，

我有这个当前代码：

const numbers= [43,46,33,23,44,36,5]

function under50(num) {
    return num < 50;
}

val = numbers.find(under50);

根据 Mozilla 文档：

回调 对数组中的每个值执行的函数，采用三个参数：

元素

数组中正在处理的当前元素。

索引

当前正在处理的元素在数组中的索引。

数组

调用了数组查找。

现在了解我传递元素的方法，然后对其进行迭代，一旦找到元素，它将返回值。但是，让我感到困惑的是，当我从未明确地将方法传递给 Array 时，它是如何知道元素的？如果有人可以发布一个简单的示例，那将非常有帮助

Answer 1

为了扩展@GerardoFurtado 的评论，.find() 方法内的this 的值被设置为您的数组。所以它既有数组又有回调函数。然后它基本上创建了一个典型的for 循环，并在该循环中调用你的回调，传递每个成员。

举个简单的例子，创建你自己的.find()方法。

// Be careful extending native prototypes
Array.prototype.myFind = function(callback) {
  for (var i = 0; i < this.length; i++) {
    if (callback(this[i], i, this)) {
      return this[i]; // callback result was "truthy" so return this item
    }
  }

  return undefined; // not found, so return undefined
}

const numbers = [43,46,33,23,44,36,5]

function under50(num) {
    return num < 50;
}

const val = numbers.myFind(under50);

console.log(val);

这是相当简化的，并没有表现出与标准方法相同的行为，但足以说明如何使用 this 作为调用该方法的对象的引用。

为了完整起见，您可能会问 JavaScript 如何知道您的数组有一个名为 find 的属性（在本例中为方法）。显然，事实并非如此。但是 JavasCript 会在原型链中寻找find。看看：

const numbers= [43,46,33,23,44,36,5];
console.log("find" in numbers)