框架结构解析

Contents

1. 1. 框架结构的解析

框架结构的解析

block

(function (global) {
    var init;

    function fe(selector) {
        // 利用工厂模式来返回fe.fn.init对象
        return new fe.fn.init(selector);
    }
    // fn 为 prototype的简写方式。
    // 目的：为了方便用户在原型上扩展成员
    fe.fn = fe.prototype = {
        constructor: fe,
    //在这里扩展的方法可以扩展根据方法列表进行扩展
    };

    // 给fe原型添加init方法
    init = fe.fn.init = function (selector) {
        
    };

    // 由于暴露外部的变量有 fe函数 以及 其原型
    // 而用户要给fe原型扩展成员，但是fe函数返回的是init对象，无法访问fe原型上的成员
    // 因此让init实例继承自fe原型即可。
    init.prototype = fe.fn;

    //添加一个扩展的方法这个方法的参数
    //只能是对象，喜欢的话可以自己过滤--拷贝继承
    fe.extend = fe.fn.extend = function(source) {
        var k;
        for (k in source) {
            this[k] = source[k]
        }
    };

    //这样就可以扩展不同的方法了
   fe.extend({
        each:function(){},
    })

    // 暴露给用户
    global.$ = global.fe = fe;
}(window));