Como colocar argumento padrão em funções de JavaScript

Neste artigo você vai aprender a como colocar argumento padrão em funções de JavaScript, ou seja, argumentos que já possuem valor

Fala programador(a), beleza? Vamos aprender mais sobre funções, argumentos e JavaScript!

O JavaScript na sua versão ES6 tem suporte para default parameters em suas funções

Agora podemos atribuir um valor para ser padrão em um argumento, veja um exemplo:

function soma(a = 1, b = 2) {
	console.log(a + b);
}

soma(); // 3
soma(4, 8); // 12

Porém como nem tudo são flores, a versão ES6 não está totalmente padronizada em todos os navegadores, então tome cuidado ao utilizar esta funcionalidade

E se eu quiser uma abordagem que esteja padronizada?

Não tem problema, porém teremos que utilizar algumas linhas de código a mais

Toda função em JavaScript tem acesso a uma variável especial chamada arguments

Nesta variável recebemos todos os argumentos que foram passados na função

Então acessando esta variável podemos validar os argumentos, veja:

function soma(a, b) {
	a = arguments.length > 0 ? arguments[0] : 1;
  b = arguments.length > 1 ? arguments[1] : 2;
  console.log(a + b);
}

soma(); // 3
soma(4, 8); // 12

No fim das contas teremos o mesmo resultado, porém agora checando o arguments que é acompanhado de toda função

Então pela posição do argumento, conseguimos verificar se algum valor foi recebido ou não e tomar nossa próxima decisão, que é inserir um valor default/padrão

Conclusão

Neste artigo aprendemos a como inserir um argumento padrão em funções de JavaScript

Ou seja, quando mesmo que não passado na invocação da função o argumento tem algum valor para poder continuá-la

Utilizamos a abordagem do ES6 e também acessando o arguments, que está padronizada em todos os navegadores

Tome cuidado com as funcionalidades do ES6, elas não estão presentes em todos os navegadores

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube