简洁的对参数容错的javascript方法

如果你是个Javascript程序员,那一定经常写下面的代码: 

function funcA(url, params, callback, option){ 
    if(arguments.length == 2){ 
        //funcA(url, callback); 
        if(typeof params == 'function'){ 
            callback = params; 
            params = {}; 
        }else{ 
            //funcA(url, params); 
            //...... 
        } 
    }else { 
        //...... 
    } 
} 

当参数变化形式比较少的时候还没问题,当你的方法想对多种传参形式进行容错时,一堆的if else判断就变得很难看了。这时不妨尝试下这个 getArguments 方法。

var toString = Object.prototype.toString;

var is = function(obj){
    var type = toString.apply(obj);
    type = type.substring(8, type.length - 1);
    return type;
}

var getArguments = function(argus, type1, type2, type3 /*...*/){
    var srcTypes = [];
    var targetTypes = Array.prototype.slice.call(arguments, 1);
    var result = [];
    for(var i = 0, len = argus.length; i < len; i++) {
        srcTypes.push(is(argus[i]));
    }
    for(var m = 0, n = 0, len = targetTypes.length; n < len; ){
        if(srcTypes[m] === targetTypes[n]){
            result.push(argus[m]);
            m++, n++;
        }else{
            result.push(null);
            n++;
        }
    }
    return result;
}
//使用示例
function funcB(name, params, callback, option){
    var argus = getArguments(arguments, 'String', 'Object', 'Function', 'Object');
    name = argus[0], params = argus[1] || {}, callback = argus[2], option = argus[3] || {};
    console.log(argus);
}

funcB('a',function(){})
//console: ["a", null, function, null]

funcB('a',function(){}, {o:1})
//console: ["a", null, function, Object]

funcB('a',{p:1})
//console: ["a", Object, null, null]

funcB({p:1})
//console: [null, Object, null, null]

funcB(function(){})
//console: [null, null, function, null]


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值