javascript - jQuery.each 实现与 native Array.forEach 不同

Question

有人知道为什么原本优秀的 jQuery.each 函数的设计与(现在) native Array.forEach 不同吗？ F.ex:

var arr = ['abc','def'];
arr.forEach(function(entry, index) {
    console.log(entry); // abc / def
});

这绝对有道理。但 jQuery 选择将 index 作为第一个参数:

$.each(arr, function(index, entry) {
   console.log(entry);
});

有谁知道这个设计决定背后的原因吗？我一直广泛使用 $.each ，但它总是让我烦恼，索引是第一个参数，因为它很少使用。我知道 jQuery 通过 this 实现了直接引用，但如果你这样做的话会很困惑:

​var arr = ['abc','def'];
$.each(arr, function() {
    console.log(this === 'abc'); // false both times, since this is a String constructor
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

并不是说它让我太烦恼，我更喜欢使用原生的 polyfills 来实现最常见的新数组函数，但我一直对设计决策感到好奇。也许它是在浏览器实现 native forEach 之前制作的，并且遗留支持阻止他们更改它，或者......？

或者也许，它是这样设计的，因为它也可以在 native 对象上使用，然后在回调中将键放在值之前“有意义”...？

旁注:我知道 underscore.js(也许还有其他库)以相反的方式实现(更类似于 native 函数)。

Answer 1

嗯，我想我们必须请雷西格先生本人对此做出解释。事实上，在设计和开发 jQuery 时，ECMAscript 262 版本 5 还不是很普遍，所以这肯定会发挥作用。由于它是这样设计的，他们不想稍后更改它并破坏所有现有代码。

事实上，在循环数组时，您更有可能想要访问具有更高优先级的元素，而不是它的索引。因此，对我来说，没有合理的解释为什么要首先将 index 传递到回调中。

请放心，如果 jQuery 是今天发明的，他们将遵循 native 实现行为。

另一方面，如果它让您烦恼太多，您可以简单地创建一个快捷方式并使用 native Array.prototype.forEach 来迭代您的 jQuery 包装集:

var forEach = Function.prototype.call.bind( Array.prototype.forEach );

forEach( $('div'), function( node ) {
    console.log( node );
});

..对于标准数组，只需使用其 native 原型(prototype)即可。

当执行条件返回 false/true 时，我们必须知道哪些部分以何种方式工作。当您在 Array.prototype.forEach 中使用 return false 和条件时，它被视为 continue ，但是当您在 $.each 中使用 return false 和条件时，它被视为break语句。

var listArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
var arr1 =[];var arr2=[];
var rv = true;
listArray.forEach(function(i, item) {
  if (i == 5) {
    return rv = false;
  }
 arr1.push(i)
  return rv;
});
var listArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
jQuery.each(listArray, function(i, item) {
  if (item == 5) {
    return rv = false;
  }
  arr2.push(i)
});
  console.log("forEach=>"+arr1)
  console.log("$.each=>"+arr2)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>