学习源码第六天(加油别放弃)

 // HANDLE: $(function)
        // 处理入口函数简写
      } else if (jQuery.isFunction(selector)) {  //JQuery.isFunction()判断是不是函数，$(function(){})这种，是的话
        return rootjQuery.ready(selector);       //返回$(document).ready(function(){}),
      }
　　　　//处理$($('#div')) 这种怪癖的写法
      if (selector.selector !== undefined) {
        this.selector = selector.selector; //就把'#div'这个字符串给this，相当于$($('#div')) -> $('#div')
        this.context = selector.context;   //这个步骤就是把查找域给this
      }

      return jQuery.makeArray(selector, this);
    },

比较简单的代码直接注释中解释，重点来说说jquery中的makeArray方法

        var e=null;
        console.log( $.makeArray(e) )  //打印[],
        console.log( $.makeArray({ a:1,b:2 })) //打印[{ a:1,b:2 }]
        console.log( $.makeArray( {'0':1 ,'1':2} ));  //打印[{'0':1 ,'1':2}]
        console.log( $.makeArray( {'0':1 ,'1':2,'a':'哈哈',length:2} ));// [1,2]

以上结果说明，null 或 undefined通过$.makeArray就会变成[],没有length属性的对象会把对象当成一个元素，生成一个数组，有length属性的，首先除了数字字符属性其他属性名的都不要，然后看length属性值为多少，去选取从'0'到length-1的数字属性的值去变成一个数组。说个不常见的现象：两个参数length和如果是-1这种无意义的值，转变后length:NaN，属性也不对

说完了$.makeArray()的用法，但是里面传了两个参数，这比较不常见但是，可以类比$.merge猜一下：就是返回的结果不是数组了，而是一个有length属性的伪数组（对象）。

console.log($.makeArray({'0':1,'1':2,'a':3,length:2},{length:1}));  //{1: 1, 2: 2, length: 3}

console.log($.makeArray( {'0':1 ,'1':2,'a':3,length:2},{'0':5,'1':8,'2':9,'a':'哈哈',length:2} ));//{0: 5, 1: 8, 2: 1, 3: 2, a: "哈哈", length: 4}

总结一下:$.makeArray的第二个参数必须有length属性(默认是数组)，第二个参数如果写了对象，还发生了合并操作就是把第一个参数的数字属性值添加(不是覆盖)到第二个参数对象里，length相加，如果两个参数有重名，看第二个参数的length，如果为0，第一个参数为准，如果不为0，以第二参数为准，并且第一个参数添加进来往后排（特别注意：往后排不是简单地+1，而是看合并后的总length，去添加属性数字值），第二个参数的非数字属性不要动。

简单来说：与$.merge()的区别除了参数要求，合并的时候$.merge()会根据本身length值选取出数字属性的部分，而$.makeArray()则会保留所有属性。

return jQuery.makeArray(selector, this);

再来看一下，首先这句代码是返回init : function(){}里面的，也就是说默认返回的是这么一个对象，特征是有数字属性，有length属性，还有一些其他属性（前面有context）。

其实在各个if判断里有些return了，所以这里只是告诉那些没return的，执行这个return,其实就是最后的情况去return,一个意思

回顾一下到底init:function(){}干了什么事情：返回了一个this，这个this对象属性里有原生节点，还有length属性。

// Start with an empty selector
    selector: '', //其实就是给selector赋一个初值''

    // The default length of a jQuery object is 0
    length: 0,    //其实就是给length赋一个初值0

    toArray: function() {
      return core_slice.call(this); //core_slice是一个前面定义的方法[].slice,通过借用 相当于把this当成一个数组去掉用，所以this必须是一个有length的对象才行
    },

$(选择器).toArray()方法：jQuery对象转数组，与$.makeArray()的区别在于$(选择器).toArray()只能把jQuery对象转成数组，后者只要是对象都能转（而且是$去调用），转的方式上文中具体讲了一些。其实toArray()是为了以后的封装方法做准备的，单独的使用不常用，所以别觉得他的功能其他方法也有就觉得多余，其实其他方法在封装的时候需要用到这个方法。从另一个角度看，下文封装了$(选择器).get()功能更强大，但是写的更少，体现了他的宗旨：''write Less，Do More''

init方法返回的jQuery对象可以用$.toArray()去转成数组。

// Get the Nth element in the matched element set OR
    // Get the whole matched element set as a clean array
    get: function(num) {
      return num == null
        ? // Return a 'clean' array
          this.toArray()
        : // Return just the object
        num < 0
        ? this[this.length + num]
        : this[num];
    },

$(选择器).get()注意这些方法都是定义在init里的所以使用他们应该是一个$(选择器)的形式，而不是一个$.的形式，$.的形式不是写在init里的

$('div').get() => 相当于$('div').toArray()  ;    $('div').get(0)  <=> $('div').toArray()[0]  ；$('div').get(n)  <=> $('div').toArray()[n]( n > 0 )  ;  $('div').get(n)  <=> $('div').toArray()[$('div').toArray().length - n] (n < 0 也就是倒着数，不过倒着数最后一项是 -1 ,因为 -0 就是0 是第一项)

其实$('div').get()实现方法用了三元运算符的嵌套，把代码拉成一行num == null？ this.toArray()： num < 0 ？ this[this.length + num] : this[num]; 首先分析一下首选算num == null（调皮了，其实这里写undefined也是可以的，但是undefined == null） ? 没有传参走 this.toArray() 传参了走 num < 0 ？ this[this.length + num] : this[num];

在传参的情况下判断num是不是负数：是就取第this.lenth + num 下标的值，不是负数（正数 和  其他类型）取num的值，当然了其他类型this中没有num这个属性，那就返回undefined,

其实在我们看了源码以后其实不难看出，就算不是数字参数，只要是this里面有的属性名传进去就是取到了this[参数名]，但是这无任何意义，因为直接this[参数名]不就好了？