"Antes de mais, obrigado pelo exercício mental".
A princípio foi complicado, por causa da lógica, uma vez que tinha que definir para false sempre que assinava um novo valor, ou mesmo se deixasse parâmetros à falta.
No final obtive isto aqui:
<script>
function bar(){
//foo(4); // 4
//foo(4, 4) // 8
//foo(4, function(soma){alert(soma);}) // alert(4)
foo(4, 4, function(soma){alert(soma);}) // alert(8)
}
function foo(argA, argB, callback){
var soma;
var argA = (typeof argA !== 'undefined') ? argA : 0;
var argB = (typeof argB !== 'undefined') ? argB : 0;
var callback = (typeof callback !== 'undefined') ? callback : false;
if(argA && argB && callback === false){
if(typeof argB === "function"){
callback = argB;
soma = argA;
} else {
soma = argA + argB;
}
} else if(argA && argB && callback) {
soma = argA + argB;
} else {
soma = argA;
}
if(callback && typeof callback === "function"){
return callback(soma);
} else {
return soma;
}
}
</script>
A função foo
no caso, é a função responsável pela soma, sendo:
foo(arg1,[arg2],[callback]) { // magia }
Ao criar funções deste tipo, deves ter em conta que as funções javascript:
- Não especificam o tipo de dado para os argumentos.
- Não verificam quais tipos de argumentos foram passados.
- Não verificam número de argumentos recebidos.
Predefinição dos não assinados:
- Se a função é chamada com menos argumentos do que os declarados, os elementos em falta são definidos para : undefined.
O primeiro parâmetro é obrigatório, ou a função falha, neste exemplo eu não criei condições para o caso de o primeiro parâmetro não ter sido fornecido, por isso em vez de retornar false
caso nenhum parâmetro seja fornecido, a função vai retornar 0
como valor da soma.
O JS não é o meu forte, contudo, acho que a função está bem reduzida e a lógica está correta.
Exemplo de uso:
function bar(){
//foo(4); // 4
//foo(4, 4) // 8
//foo(4, function(soma){alert(soma);}) // alert(4)
foo(4, 4, function(soma){alert(soma);}) // alert(8)
}
function foo(argA, argB, callback){
var soma;
var div = document.getElementById('demo');
var argA = (typeof argA !== 'undefined') ? argA : 0;
var argB = (typeof argB !== 'undefined') ? argB : 0;
var callback = (typeof callback !== 'undefined') ? callback : false;
if(argA && argB && callback === false){
if(typeof argB === "function"){
callback = argB;
soma = argA;
} else {
soma = argA + argB;
}
} else if(argA && argB && callback) {
soma = argA + argB;
} else {
soma = argA;
}
if(callback && typeof callback === "function"){
return callback(soma);
} else {
//return soma;
div.innerHTML = soma;
}
}
<body>
<button id="bt" onclick="bar();">Clica-me</button>
<p id="demo"></p>
</body>
Abaixo a mesma função, com a mesma finalidade, usando o objecto arguments para passar os parâmetros, como o exemplo do @bfavarreto, ou ainda como o @Guilherme Lautert sugeriu, dinamizar também a ordem das funções:
Utilizando o método sort(), pode-se criar o mesmo efeito, colocando a função sempre na última posição, fazendo com que a função tenha o seu curso normal.
<script>
function foo(){
var div = document.getElementById('sum');
div.innerHTML = soma(2,3,4,3); // Retorna: 8
//return soma(2,2,function(i){alert(i);}); // Retorna: alert(4)
//return soma(); // Retorna: 0
//return soma(1,function(i){alert(i);},5); // Retorna: alert(6)
//return soma(1,5, function(i){alert(i);}); // Retorna: alert(6)
}
function soma(){
var array = Array.prototype.slice.call(arguments);
var len = arguments.length;
//console.log(array.length); // Retorno: (int)N argumentos contando com o callback;
var array = array.sort(); // utilizando o método sort() a função vai estar sempre na última posicao
var callback = typeof array[len-1] == 'function' ? array.pop() : false;
var Newlen = array.length;
var soma = 0;
// Somar os valores
for(i=0; i<Newlen;++i){
soma += Number(array[i]);
}
//console.log(array.length); // Retorno: (int)N argumentos sem o callback;
//Controlar o retorno
if(callback){
// Com callback
return callback(soma);
} else {
// Sem callback
return soma;
}
}
</script>
<body>
<div id="sum"></div>
<button onclick="foo();">Somar</button>
</body>
O objecto arguments é semelhante a uma array, mas não é uma array, a única propriedade de array que possui é o tamanho (length). Utilizando o método slice nele, impede otimizações em motores Javascript. Recomenda-se criar uma array iterando o objecto arguments.