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);
}
}