underscore源码阅读记录

　　这几天有大神推荐读underscore源码，趁着项目测试的空白时间，看了一下。

　　整个underscore包括了常用的工具函数，下面以1.3.3源码为例分析一下。

_.size = function(obj) {
        return _.isArray(obj) ? obj.length : _.keys(obj).length;
    };

　　整个underscore源码基本上都是以上这种方式写的，所以弄懂上面这段源码，整个underscore的源码就大概清楚了六七成了，剩下的源码用些时间，也就迎刃而解。

　　因为上面的函数内有_.keys，可能无法一下子弄清楚，下面这个函数源码更容易入门。

　　

  _.isNaN = function(obj) {

        return obj !== obj;

    };

　　只需弄明白对象_和函数参数obj这两个具体做了什么即可。

var _ = function(obj) {
         return new wrapper(obj);
     };

　　_定义为一个函数，该函数接受一个名为obj的形参，然后返回一个wrapper类的实例。

　　在浏览器环境中，_被定位全局对象window的属性。

var root = this;
root['_'] = _;　

　　这样，浏览器全局的_与IIFE中的_都指向了同一个对象，在IIFE中对_的操作，也同样反应在全局环境的_中。

　　此时，我们就明白了_的一部分原理了。上面提到的_.isNaN，在构造函数对象_上增加了一个isNaN的属性，该属性是一个函数方法。 

　　下面，接着研究wrapper

　　

var _ = function(obj) {
                return new wrapper(obj);
            };
var wrapper = function(obj) {
        this._wrapped = obj;
    };
 _.prototype = wrapper.prototype;    

　　函数_返回wrapper类的一个实例，该实例中属性_wrapped是传给函数_的参数，_与wrapper的原型对象指向相同。将underscore相关的方法添加到wrapper原型, 创建的_对象就具备了underscore的方法。

 

    

 

转载于:https://www.cnblogs.com/zhansu/p/5760907.html