js封装简单格式

js封装组件等基本格式

在对js进行封装可以参考下面的格式

：

var tabChanges={
    fn:{
        changeTabs:function () {
           console.log("ddd");
        },
        bindEvent:function () {
            this.changeTabs();
        }
    },
    init:function (options) {
        // 设置默认参数
        var defaults={
            //切换目录父级,不可为空
            parent:undefined,
            //切换目录,不可为空
            parentContent:undefined,
            //切换文本父级,不可为空
            child:undefined,
            //切换文本,不可为空
            childContent:undefined,
            //选中的样式
            parentActive:undefined,
            childActive:undefined
        }
        for (var i in defaults) {
            this[i] = options[i] || defaults[i];
        }
        if(this.parentContent.length!=this.childContent){
            console.warn('不能正确进行配对');
            return;
        }
        if(!this.parentContent|| !this.parentContent||!this.childContent|| !this.parentActive|| !this.childActive){
            console.warn('参数错误');
            return;
        }
        this.bindEvent();
    },
    create:function (options) {
        this.init.prototype = this.fn;
        return new this.init(options);
    }
}