Question

关于我在underscore.js源代码中找到的“each”函数的实现的问题（下面的源代码）。

首先，有人可以解释“if if（obj.length === + obj.length）”正在检查的行吗。

第二，有人可以解释为什么使用hasOwnProperty.call（obj，key），而不是obj.hasOwnProperty？是因为传入的obj可能没有实现hasOwnProperty（我认为每个javascript对象都有）

任何见解都表示赞赏。感谢。

  // The cornerstone, an `each` implementation, aka `forEach`.
  // Handles objects with the built-in `forEach`, arrays, and raw objects.
  // Delegates to **ECMAScript 5**'s native `forEach` if available.

  var each = _.each = _.forEach = function(obj, iterator, context) {

    if (obj == null) return;
    if (nativeForEach && obj.forEach === nativeForEach) {
      obj.forEach(iterator, context);
    } else if (obj.length === +obj.length) {
      for (var i = 0, l = obj.length; i < l; i++) {
        if (i in obj && iterator.call(context, obj[i], i, obj) === breaker) return;

      }
    } else {
      for (var key in obj) {
        if (hasOwnProperty.call(obj, key)) {
          if (iterator.call(context, obj[key], key, obj) === breaker) return;
        }
      }
    }
  };

Answer 1

此：

+obj.length

...将对length的值进行toNumber转换。

好像他们确保length通过执行toNumber转换来引用一个数字，并验证它在转换后仍然是相同的数字。

如果是这样，他们会认为它是一个数组，或者至少是一个类似于数组的对象进行迭代。

如果没有，他们会假设需要枚举所有键值对。

var obj = {
     length:null,
     someprop:'some value'
};

obj.length === +obj.length; // false, so do the enumeration

var obj = {
    length: 2,
    "0":'some value',
    "1":'some other value'
};

obj.length === +obj.length;  // true, not an actual Array, 
                             //     but iteration is still probably wanted

当然，您可以拥有一个length属性的对象，该属性是一个原始数字，但仍打算枚举属性。

var obj = {
    length: 2,
    "prop1":'some value',
    "prop2":'some other value'
};

obj.length === +obj.length;  // true, it will iterate, but it would
                             //           seem that enumeration is intended

underscore.js库中的每个实现

1 个答案: