No R isso seria muito simples:
funcao <- function(x=10) return(x)
Se você chamar funcao()
sem argumentos o resultado será 10
.
Como fazer o mesmo em JavaScript? E como saber se existem valores default
na função sem ter que ler o código?
No R isso seria muito simples:
funcao <- function(x=10) return(x)
Se você chamar funcao()
sem argumentos o resultado será 10
.
Como fazer o mesmo em JavaScript? E como saber se existem valores default
na função sem ter que ler o código?
As outras respostas estão corretas no uso geral, mas se você quiser ser super estrito e correto, precisa levar a variável arguments
em consideração. Veja isso:
// Função identidade, com argumento padrão 10.
function f(x) {
x = x || 10;
// if (x == null) x = 10;
// x = typeof x !== 'undefined' ? x : 10;
return x;
}
f() // => Retorna 10
f(3) // => Retorna 3
f(null) // => Retorna 10. Epa! Era para isso retornar null não?
f(undefined) // => Retorna 10. Também!
f(0) // => 10? Tá de brincadeira né?
Toda função ao ser invocada recebe uma variável especial chamada arguments
. Ela funciona como uma array (tem a propriedade length
e pode ser acessada numericamente [0]
, [1]
, ...). Para essa função de identidade o mais correto seria fazer o seguinte:
// Agora processando o arguments.
function f() {
x = arguments.length > 0 ? arguments[0] : 10;
return x;
}
f() // => Retorna 10
f(3) // => Retorna 3
f(null) // => Retorna null. Isso!
Você pode aproveitar ainda para acrescentar um erro caso argumentos de mais sejam usados:
if (arguments.length > 1) throw new Error("Too many arguments! Expected 1.");
Em javascript que os browsers atuais (2015) usam teria de ter um if
de alguma forma dentro da função. Mas no futuro, com browsers que suportem a nova norma ES6 já é possivel.
Hoje em dia, com a versão do JavaScript que os browsers usam isso não é possivel. A solução a usar é verificar o valor dentro da função, como referiste na pergunta.
Por exemplo:
function b(a){
if (typeof a == 'undefined') a = 1;
return a;
}
Nota: O Firefox já está a implementar algumas das ideias de ES6 mas isso nõ é compatível cross-browser hoje em dia, daí inviàvel em produção.
Quando a nova versão de JavaScript fôr implementada nos browsers, como o Firefox já está a fazer neste caso, a solução será (segundo o que as especificações da ECMAscript) como é no PHP (e que o Firefox já está a aplicar).
function b (a = 1) {
return a;
}
console.log(b()); // dá: 1
Apenas como curiosidade (já que o padrão que está valendo ainda é o da versão 5).
O ECMAScript 6 (Codinome Harmony) inclui uma proposta de sintaxe para parâmetros com valores padrão. Você já pode experimentar a nova sintaxe no Firefox. De acordo com a Wikipedia a data de lançamento esperada para o novo padrão é Dezembro de 2014:
function multiply(a, b = 1) {
return a*b;
}
multiply(5); // 5
UPDATE: Atualizando a resposta em Novembro de 2018. O ECMAScript 6, também conhecido como ES2015 foi lançado em Junho de 2015 com suporte à sintaxe acima para default function parameters. Essa nova sintaxe é suportada em versões modernas dos principais navegadores, com exceção notável do Internet Explorer (veja tabela de compatibilidade no MDN).
Não há uma forma de fazer isso de forma prática.
Entretanto, essa resposta não me agrada, e sabendo que javascript é uma linguagem tão dinâmica, resolvi usar um pouco do meu tempo para refletir, pesquisar e finalmente, juntando as peças criei um método para permitir indicar valores default de forma fácil.
Como usar:
var funcao = (function(x) { return x; }).WithDefaults([10]);
Ou então, um exemplo um pouco mais complexo, que é suportado pelo WithDefaults
:
var myFunc = (function (a) {
return a + arguments[1];
}).WithDefaults([, "y"]);
Function.prototype.WithDefaults
(function () {
var setDefaults = function (a, d) {
var l = Math.max(a.length, d.length);
var p = [];
for (var i = 0; i < l; i++)
p[i] = i >= a.length || typeof a[i] == 'undefined' ? d[i] : a[i];
return p;
}
var copyProperties = function (to, from, defs) {
to.innerFunction = from;
to.toString = function () {
var strDefs = "";
for (var i = 0; i < defs.length; i++)
strDefs += (i > 0 ? ", " : "")
+ (typeof defs[i] != 'undefined' ? JSON.stringify(defs[i]) : "");
return "(" + from.toString() + ").WithDefaults(["
+ strDefs + "])";
};
for (var key in from)
to[key] = from[key];
return to;
}
var fnCreators = {
0: function (f, d, sd, cp) {
return cp(function () {
return f.apply(this, sd(arguments, d));
}, f, d);
},
1: function (f, d, sd, cp) {
return cp(function (p1) {
return f.apply(this, sd(arguments, d));
}, f, d);
},
2: function (f, d, sd, cp) {
return cp(function (p1, p2) {
return f.apply(this, sd(arguments, d));
}, f, d);
},
3: function (f, d, sd, cp) {
return cp(function (p1, p2, p3) {
return f.apply(this, sd(arguments, d));
}, f, d);
}
};
function getFnCreator(numParams) {
if (typeof fnCreators[numParams] != 'undefined')
return fnCreators[numParams];
var paramNames = [];
for (var i = 0; i < numParams; i++) {
paramNames[i] = "p" + (i + 1);
}
fnCreators[numParams] = new Function("f", "d", "sd", "cp",
"return cp(function(" + paramNames.join(",") + ") {\
return f.apply(this, sd(arguments, d));\
}, f, d);");
return fnCreators[numParams];
}
Function.prototype.WithDefaults = function (defs) {
var creator = getFnCreator(this.length);
return creator(this, defs, setDefaults, copyProperties);
}
})();
WithDefaults
no jsfiddlefn = function(x,y)
=> fn.length = 2
. Para fn2 = fn.WithDefaults([1,3])
=> fn2.length = 2
. Fiz isso para manter o máximo de informações originais iguais à função original. Note também que até o toString
continua retornando a mesma coisa.
Commented
2/04/2015 às 16:34
Há algumas maneiras, mas eu prefiro da seguinte forma:
function func(x){
x = typeof x !== 'undefined' ? x : 10;
return x;
}
Dessa forma:
function Retorno(x){
if(x == 0)
return x;
x = x || 10; // Valor de x caso existir ou 10 que é o padrão
return x;
}
Recomendo a leitura dessa resposta do Miguel Angelo que explica melhor o funcionamento do ||
(ou) como operador de coalescência em Javascript.