Underscore.js库中的每个实现

7

关于在underscore.js源代码中发现的“each”函数实现的问题(下面是源代码)。首先,是否有人能解释一下“else 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;
        }
      }
    }
  };

"+obj.length" 是 JavaScript 的一元加操作符。请参见:http://xkr.us/articles/javascript/unary-add/ - mikeycgto
因此,该语句是用于检查 obj 的 length 属性是否确实是一个数字吗? - user772110
语句+obj.lengthobj.length转换为数字。 - mikeycgto
1个回答

5
这是:

+obj.length

该部分代码对 length 的值进行了 toNumber 转换。

这似乎是为了确保 length 引用的是一个数字类型,并且在转换后仍然是相同的数字。

如果是这样,它们假定它是一个数组或至少是类似于数组的对象以进行迭代。

如果不是,则假定需要枚举所有键值对。

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接