javascript - underscore.js内部方法 createAssigner 的一个问题

问题描述

问 题

var createAssigner = function(keysFunc, undefinedOnly) {
    return function(obj) {
      var length = arguments.length;
      if (length < 2 || obj == null) return obj;
      for (var index = 1; index < length; index++) {
        var source = arguments[index],
            keys = keysFunc(source),
            l = keys.length;      //为什么这里要是1=keys.length??这样写是个什么意思？
        for (var i = 0; i < l; i++) {
          var key = keys[i];
          if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
        }
      }
      return obj;
    };
  };

解决方案

注意是l，表示length或者len，而不是你写的1.

var createAssigner = function(keysFunc, undefinedOnly) {
    return function(obj) {
        var length = arguments.length;
        if (length < 2 || obj == null) return obj;
        for (var index = 1; index < length; index++) {
            var source = arguments[index],
                keys = keysFunc(source),
                l = keys.length; //为什么这里要是1=keys.length??这样写是个什么意思？
                
                // 看好了 人家是l 不是1 keys是函数keysFunc对source处理后的结果，
                // 看函数名和后面写法返回的应该是一个数组，表示对象所有的键名，下面是对键名的遍历
                // 所以 l = keys.length;  就是缓存键名数组的长度喽。

            
            for (var i = 0; i < l; i++) {
                var key = keys[i];
                if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
            }
            // 也可以下面这么写 不用l 但是效率要低一点 循环的条件是每次都要判断的，直接和具体的值比较比和数组的长度（一个属性）要快一些。
            // for (var i = 0; i < keys.length; i++) {
            //     var key = keys[i];
            //     if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
            // }
        }
        return obj;
    };
};

这个源码之前有人解读过，我看过笔记，可参考 hanzichi - 内部方法 createAssigner 详解 https://github.com/hanzichi/underscore-analysis/issues/4

这篇关于javascript - underscore.js内部方法 createAssigner 的一个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！