underscore源码阅读整理

underscore是我阅读的第一份源码，这份代码比较小巧，只有1500行，我阅读的版本是1.8.3.underscore里封装了很多功能性的函数，和jQuery不同，我觉得jQuery的特点是对针对DOM，而underscore里都是基于JS的功能性函数，比如each，map等等。
以下内容仅是我阅读过程中记录的笔记，可能会有错误或理解不到位的地方。。。

整体结构

underscore中：

(function(){
    var root = this;
    var previousUnderscore = root._;
    var _ = function(obj) {
        if (obj instanceof _) return obj;
        if (!(this instanceof _)) return new _(obj);
        this._wrapped = obj;
      };
}).call(this);

1. 最外层是个立即执行函数，用call函数把this传进去，我认为因为underscore既可以运行在浏览器端又可以运行在服务器端，所以它传入的是this，而不是像jQuery一样直接传进去window
2. 这里有几个比较重要的地方：
   
   1. 像jQuery注册在$上一样，underscore注册在’‘上，而且为了避免冲突都会先保存一下之前的root.
   2. ‘_’其实是一个函数，如果传入的是’_’的实例则直接返回，如果不是则new一个出来，并把它放到_wrapped属性中。举个例子：

 _([1,2,3]) ==》 Object{_wrapped:[1,2,3], _proto_:Object} //其中_proto_上有所有的方法

jQuery中:

(function(window, undefined) {

})(window);

jQuery中是直接指定了this=window

几个重要的公共方法

var optimizeCb = function(func, context, argCount) {
    if (context === void 0) return func;
    switch (argCount == null ? 3 : argCount) {
      case 1: return function(value) { return func.call(context, value);};
      case 2: return function(value, other) {return func.call(context, value, other);};
      case 3: return function(value, index, collection) {
          return func.call(context, value, index, collection);
      };
      case 4: return function(accumulator, value, index, collection) {
        return func.call(context, accumulator, value, index, collection);
      };
    }
    return function() {
      return func.apply(context, arguments);
    };
  };

  var cb = function(value, context, argCount) {
    if (value == null) return _.identity;
    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
    if (_.isObject(value)) return _.matcher(value);
    return _.property(value);
  };

• optimizeCb函数的传入参数只能是function，根据传入的参数不同返回不同的合理的回调函数
• cb函数一般用来处理作为迭代器的函数，传入的value可以是函数、object或者property，但是返回的一定会是函数

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;
        for (var i = 0; i < l; i++) {
          var key = keys[i];
          if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key];
        }
      }
      return obj;
    };
  };

• _.extend和 _.extendAll其实就是调用这个函数实现的，所以他的功能就是扩展object
• 这里传入的参数keysFunc是用来取用于扩展的keys，因为传入的是_.keys和 _.allKeys两种决定了是否可以拿到!hasOwnProperty的属性
• 这里undefinedOnly的作用我也不太理解，源码中调用这个函数的时候从来没有传入过undefinedOnly这个参数。。。。

  var baseCreate = function(prototype) {
    if (!_.isObject(prototype)) return {};
    if (nativeCreate) return nativeCreate(prototype);
    Ctor.prototype = prototype;
    var result = new Ctor;
    Ctor.prototype = null;
    return result;
  };

• 用于继承的函数，其实就是ES5的Object.create