zepto源码学习（1）

zepto版本为1.0。
这一章来看看入口是怎么实现的。

咱们通常是这样用的：$("#test"),在196行，zepto定义了函数$:

$ = function(selector, context){
    return zepto.init(selector, context)
  }

这里的init方法作了些什么呢？在160行，能够看到，这里是根据不一样参数返回不一样的对象：

• 什么都没有传入，返回一个空的zepto对象

• 若是是一个函数，那么执行dom ready

• 若是已是一个zepto对象，直接返回

• 若是是window,document，实际上也是直接返回

• 若是是一个html片断，那么生成节点

• 若是上述状况都不是，那么就用选择器document.querySelectorAll获取dom对象

而后将获得的对象传入zepto.Z，来到143-148行：

zepto.Z = function(dom, selector) {
    dom = dom || []
    dom.__proto__ = arguments.callee.prototype
    dom.selector = selector || ''
    return dom
  }

这里是入口最关键的步骤之一。实际上，zepto内部维护的的对象是一个类数组对象(这里的dom)。而后用zepto.Z的原型覆盖了此类数组的的原型。那么zepto.Z的原型又是什么呢？咱们跳到第608行：

zepto.Z.prototype = $.fn

那么$.fn是什么呢？再看278-550行：

$.fn = {
   //各类方法
}

所以，zepto.Z返回的类数组对象就有了$.fn的各类方法了。粗略的流程能够概括为：

• 调用$函数

• 根据传入的参数生成对象。

• 重置对象的原型，使之拥有一系列方法