Zepto源码设计结构剖析

Zepto 可以说是一个精简版的jQuery，主要针对移动端，使用方法没有太大差别，源码更易读。

基本结构

var Zepto = (function(){
    var $,
        zepto = {}

    // ...省略N行代码...

    zepto.init = function(selector, context) {
        // 函数内容
    }


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

    // ...省略N行代码...

    return $
})()

window.Zepto = Zepto
window.$ === undefined && (window.$ = Zepto)

所以我们在执行$(‘p’)时，实际上调用了 zepto.init(‘p’)

init函数

拆解一下init函数可得以下结构