Zepto源码分析之二（新旧版本zepto.Z方法的区别）

在上一节中讲到Z()方法，是在初始化函数init中直接调用zepto.Z()

 zepto.Z = function(dom, selector) {
     dom = dom || []
     dom.selector = selector || '';
     // 隐式原型上赋值，低版本IE不支持，但zepto主要用于移动端，不存在低版本IE的情况
     dom.__proto__ = $.fn;
     return dom;  // 返回的是一个纯数组
 };

 zepto.Z.prototype = $.fn

旧版中，直接将$.fn对象挂载dom对象的隐式原型上，而在新版zepto1.2.0中结构如下：

 zepto.Z = function (dom, selector) {
       return new Z(dom, selector)
 }

 function Z(dom, selector) {
      var i, len = dom ? dom.length : 0
      for (i = 0; i < len; i++) this[i] = dom[i]
      this.length = len
      this.selector = selector || ''
 }

 zepto.Z.prototype = Z.prototype = $.fn

1 . 首先 初始化后调用zepto.Z方法时，返回的是new Z()构造函数

2 . 在构造函数体内可遍历dom节点对象，使用this[i]=dom[i]返回对象数组形式

3 . 然后将$.fn对象赋给Z.prtotype原型对象上，而Z.prototype的原型对象又等于 new Z().__proto__，这又回到了旧版中的dom.__proto__ = $.fn