例如我有个图上2个switch方法处理不同的业务 但type类型是一套,此时每次添加一个新场景都要swtich一遍 感觉很重复 这种情况我改如何设计switchHandler方法 才能我写一次swtich就可以处理不同情况?
感谢几位层主提供的思路 为了抽离这个switch 会破坏代码的连续性 得不偿失的感觉
//建立配置项
var CONFIG = {
"1":['文本', 'Text'],
"2":['日期', 'Date'],
"3":['选择框', 'Select'],
"4":['单选框', 'Radio'],
"5":['复选框', 'CheckBox'],
"6":['按钮', 'Button']
};
/*
其他类似的, 可以往这里面加
如果 CONST_NAME.xxx 是 0,1,2,3, 这样的数字的话,
"1", "2" 这些可以不用写, 改成类似下面这样的
var CONFIG = [
['文本', 'Text'],
['日期', 'Date'],
['选择框', 'Select'],
['单选框', 'Radio'],
['复选框', 'CheckBox'],
['按钮', 'Button']
];
*/
function getName(type){
//..你switch上面的代码...
type = CONFIG[type];
if(type){
return type[0];
}
//..你switch下面的代码...
}
function create(type){
//..你switch上面的代码...
type = CONFIG[type];
if(type){
return me['create' + type[1]](option);
}
//..你switch下面的代码...
}
var name = getName(1);
console.log(a);//文本
//这里注释掉, 是因为 我并没有定义me对象, 也没有给它添加那些方法
//var b = create(2);
这个可以这么来,套用某大神的一句话,“抽取固定的,封装变化的”。
像这个type属于固定的,type对于不同业务的处理是变化的,所以你可以这么设计。
var type1 = {
switch1Handler: function () {
console.log('handler1 in type1');
},
switch2Handler: function () {
console.log('handler2 in type1');
}
};
var type2 = {
switch1Handler: function () {
console.log('handler1 in type2');
},
switch2Handler: function () {
console.log('handler2 in type2');
}
};
var switch1 = function (type) {
if (type.hasOwnProperty('switch1Handler'))
type.switch1Handler();
else
return false;
};
var switch2 = function (type) {
if (type.hasOwnProperty('switch2Handler'))
type.switch2Handler();
else
return false;
};
switch1(type1);//handler1 in type1
switch1(type2);//handler1 in type2
switch2(type1);//handler2 in type1
switch2(type2);//handler2 in type2
//意思也就是switch1和switch2并不用知道type到底是谁,只要type实现了各自需要的方法即可
//你那个业务就写成函数好了,然后可以在各自的类型中,根据业务的不同分别实现业务函数接口
//这些的最大好处在于,你某个type对与某个业务的处理变了,只需要在当前type下修改即可,不用污染其他type的代码
可能说的不对,大神轻喷。