js组件的开发

组件

组件开发：多个对象之间代码复用的一种形式，对象之间类似于兄弟关系

存在问题

1.参数顺序问题

分析：一个参数不会存在顺序问题，可以用json解决。

function show(opt){
}
    show({
    id:'div1',
    toDown:function(){},
    toUp:function(){}
});

2.实例之间参数个数不同的问题

解决方法：通过设置默认参数和配置参数解决。如果配置参数存在，就用配置参数覆盖默认参数，否则使用默认参数。
注意：应确保配置参数和默认参数的键名相同。

var a={
    name:'默认',
    F:function(){
     alert('default');
         }
};
var b={
    name:'配置',
    F:function(){
      alert('setting');
         }
};
extend(a,b);
function extend(obj1,obj2){//obj1是默认参数，obj2是配置参数
    for(var attr in obj2){//如果配置参数存在，就用配置参数覆盖默认参数，否则使用默认参数
    obj1[attr]=obj2[attr];
    }
}