Existe uma maneira melhor de fazer parâmetros de função opcional em JavaScript?

As funções em JavaScript frequentemente incluem parâmetros opcionais que permitem ao chamador modificar o comportamento da função. No entanto, lidar com parâmetros opcionais pode ser difícil e propenso a erros, principalmente ao trabalhar com grandes funções com vários parâmetros. Embora existam várias maneiras alternativas de especificar parâmetros de função opcionais em JavaScript que podem simplificar e melhorar a robustez do código.

Este blog demonstrará a melhor maneira de usar os parâmetros opcionais na função.

Existe uma maneira melhor de fazer/usar parâmetros de função opcional em javascript?

Sim! Existem muitas maneiras de usar os parâmetros opcionais na função. Estes são os seguintes:

• Valor do parâmetro padrão
• Use os “argumentos.comprimento ”propriedade

Aqui, primeiro, entenderemos os parâmetros da função opcional. ““Parâmetros opcionais”São parâmetros de função que não são necessários e podem ou não ser transmitidos pelo chamador.

Exemplo
Defina uma função chamada “soma”Com dois parâmetros opcionais“x" e "y”Que retornam a soma de dois números:

Função soma (x, y)
retornar x + y;

Chame a função definida passando dois números “11" e "4”Como argumentos:

console.log (soma (11, 4));

Passe apenas um argumento “11”Como os parâmetros são opcionais:

console.log (soma (11));

Aqui, chamaremos a função sem transmitir nenhum argumento:

console.log (sum ());

Agora, vamos ver a saída que dá “Nan”Duas vezes, em vez de lançar um erro, porque não há outro número na chamada de função para executar a operação:

Agora, vamos ver as outras maneiras de usar os parâmetros opcionais.

Método 1: Valor padrão do parâmetro

Use o "valor padrão”Do parâmetro para lidar com parâmetros de função opcionais. É o recurso do módulo ES6 que permite definir um valor padrão para um parâmetro de função, caso nenhum valor seja fornecido pelo chamador. Ajuda a evitar escrever declarações condicionais adicionais para verificar se um parâmetro é definido ou não.

É a melhor maneira de fazer parâmetros de função opcional, pois torna o código simples e fácil de entender, além de minimizar a possibilidade de bugs causados ​​por parâmetros perdidos ou indefinidos.

Sintaxe
Siga a sintaxe dada para o valor padrão do parâmetro de função:

função funcname (a = 5, b = 9)
//…

Exemplo
Defina uma função com parâmetros de valor padrão:

Soma da função (x = 3, y = 5)
retornar x + y;

Chame a função três vezes, na primeira chamada de função, passe dois valores “11" e "4”Como argumento, na segunda chamada, aprova apenas um argumento e, na última chamada de função, nenhum argumento será aprovado:

console.log (soma (11, 4));
console.log (soma (11));
console.log (sum ());

A saída retorna os valores constantes após a execução de uma operação em vez de dar a NAN. Porque a chamada de função sem argumentos e argumento único considera valores padrão para executar a operação:

Método 2: Use os “argumentos.comprimento ”propriedade

Outra maneira de lidar com parâmetros de função opcional, use o “argumentos.comprimento" propriedade. Cada função em JavaScript tem um objeto chamado “argumento”Isso contém os valores dos parâmetros. O "comprimento”Do objeto dos argumentos indica o número total de parâmetros fornecidos à função. Nesta abordagem, atribuiremos um valor a parâmetros não parecidos usando declarações condicionais.

Sintaxe
A seguir, a sintaxe é utilizada para os “argumentos.Length ”Propriedade para realizar parâmetros de função opcional:

função (a, b, c)
if (argumentos.comprimento == 0)
// atribui os valores a todos os parâmetros
else if (argumentos.comprimento == 1)
// atribui o valor aos últimos 2 parâmetros
else if (argumentos.comprimento == 2)
// atribui o valor ao último parâmetro

Exemplo
Defina uma função “soma”Com duas variáveis ​​opcionais“x" e "y”. Use a instrução IF-ELSE para atribuir valores aos parâmetros com base no comprimento do argumento:

Função soma (x, y)
if (argumentos.comprimento === 0)
x = 3;
y = 5;

senão se (argumentos.comprimento === 1)
y = 5;

retornar x + y;

Ligue para a função três vezes com ou sem argumentos:

console.log (soma (11, 4));
console.log (soma (11));
console.log (sum ());

Saída

Isso se tratava de lidar com parâmetros de função opcionais em JavaScript.

Conclusão

O "valor padrão"Do parâmetro e um"argumentos.comprimento”A propriedade é usada para fazer/manipular parâmetros de função opcional. O "valor padrão" do parâmetro é uma maneira melhor de lidar com parâmetros de função opcional, pois torna o código simples e fácil de entender, além de minimizar a possibilidade de bugs causados ​​por parâmetros perdidos ou indefinidos. Este blog demonstrou a melhor maneira de usar os parâmetros opcionais na função.