Parâmetros Predefinidos no JavaScript – Parâmetro Padrão
Aprenda o que são Parâmetros Predefinidos no JavaScript, para que servem e como utilizá-los.
Parâmetros predefinidos no JavaScript, também chamados de parâmetros padrão, são valores atribuídos a um parâmetro no momento em que a função é criada. Se nenhum argumento for informado na chamada, o valor padrão é usado no lugar de gerar erro. A sintaxe é simples: function somarPontoExtra(notaAluno, pontoExtra = 0.5).
Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!
O que você aprende neste vídeo
Resposta rápida: A aula explica parâmetros predefinidos no JavaScript: valores usados quando o argumento não é informado na chamada. Com o exemplo de uma função que soma pontos extras à nota do aluno, mostra por que forçar duas informações sempre é desnecessário, e como pontoExtra = 0.5 resolve isso na assinatura da função.
Neste vídeo (24 min):
- 1:00 - Revisa a estrutura de uma função (
function, nome, parênteses e chaves) usando a metáfora de uma receita de bolo - 4:00 - Explica o
returncomo o passo que devolve, no final, o resultado da função para quem a chamou - 8:00 - Introduz o parâmetro como a informação que fica dentro dos parênteses e que a função vai precisar para executar
- 9:00 - Cria a função de exemplo,
somarPontoExtra, que soma meio ponto extra à nota de um aluno - 11:00 - Chama a função e usa
console.logpara escrever o resultado na tela - 16:00 - Mostra que, quando o professor precisa dar um ponto extra diferente, é preciso adicionar um segundo parâmetro à função
- 18:00 - Aponta o problema de exigir duas informações sempre, quando a maioria dos casos usa o mesmo valor fixo de meio ponto
- 19:00 - Resolve isso definindo o valor padrão direto na assinatura da função, com
pontoExtra = 0.5 - 20:00 - Chama a função passando só a nota do aluno, e o valor padrão entra sozinho no lugar do argumento que faltou
- 21:00 - Chama a função de novo passando as duas informações, e mostra que o valor informado substitui o padrão
Trechos do vídeo:
- Um parâmetro é a informação que a função espera receber; o argumento é o valor de fato passado na hora em que a função é chamada
- Quando o argumento não é informado na chamada, a função usa o valor padrão definido na própria assinatura, em vez de gerar um erro
- Definir
pontoExtra = 0.5direto no parâmetro torna esse argumento opcional: quem não informá-lo recebe o valor padrão, e quem informar um valor diferente sobrescreve o padrão - Forçar duas informações obrigatórias quando a maioria dos casos usa sempre o mesmo valor é um sinal de que a função pede um parâmetro com valor padrão
JavaScript ImpressionadorComo usar JavaScript em qualquer empresa e qualquer área, com exemplos totalmente aplicados à realidade do Mercado de Trabalho, seja para se tornar um Desenvolvedor Front End, Backend, Full Stack ou Mobile.
Começar agora
Parâmetros Predefinidos no JavaScript – Parâmetro Padrão
Na aula de hoje, vou te mostrar o que são parâmetros predefinidos no JavaScript, para que servem e como utilizá-los para facilitar seus processos e seus códigos.
Para compreendermos o conceito e a aplicação dos parâmetros predefinidos, vamos relembrar sobre as funções no JavaScript e os parâmetros e argumentos no JavaScript.
Então, vem comigo, que vou te mostrar como usar parâmetros predefinidos no JavaScript com exemplos práticos.
Funções no JavaScript
Para compreendermos os parâmetros predefinidos no JavaScript, primeiro, precisamos relembrar o que são e como funcionam as funções no JavaScript.
Essencialmente, uma função em JavaScript é um bloco de código que realiza uma tarefa específica. É como uma receita que armazena todos os passos necessários para executar uma ação final.
As funções podem receber parâmetros durante a construção e, de acordo com esses parâmetros, retornar resultados específicos.
A estrutura base de uma função é composta pela palavra-chave function, que indica a criação de uma função, seguida do nome da função e dos parênteses que podem ou não conter os parâmetros aceitos pela função.
Em seguida, definimos um par de chaves que delimitam o bloco de código, onde a lógica da função é estabelecida. Por fim, podemos adicionar uma declaração opcional, que é o return. O return pode existir, retornando um valor específico, ou não.
Um exemplo dessa estrutura seria o código abaixo:
function fazerBoloLaranja(){
descascarLaranjas();
misturarIngredientes();
levarAoForno();
return "Bolo de Laranja";
}Para executar e chamar uma função, você usa o nome da função, seguido pelos parênteses com os argumentos, caso haja parâmetros, ou vazios, caso não haja.
Parâmetros e Argumentos no JavaScript
Quando construímos uma função em JavaScript, podemos passar para ela certas variáveis listadas dentro dos parênteses no momento da declaração da função.
Os parâmetros acabam funcionando como marcadores de posição para os valores que a função precisa receber quando é chamada para o seu funcionamento correto.
Vamos ver um exemplo de um código JavaScript desenvolvido para acrescentar 0,5 pontos na nota dos alunos. Quando o professor deseja adicionar meio ponto para algum aluno, ele insere a nota, e o programa calcula a nota final para ele.
function somarPontoExtra(notaAluno){
const notaComAcrescimo = notaAluno + 0.5;
return notaComAcrescimo
}Nesse caso, notaAluno é o nosso parâmetro da função somarPontoExtra, pois essa função depende desse parâmetro para funcionar. E aí entram os argumentos no JavaScript.
O parâmetro é esse marcador criado no momento da definição da função, enquanto o argumento é o valor em si fornecido quando a função é chamada. O argumento corresponde ao parâmetro da função.
Quando você chama uma função, você informa o valor do argumento entre os parênteses.
function somarPontoExtra(notaAluno){
const notaComAcrescimo = notaAluno + 0.5;
return notaComAcrescimo
}
console.log("A nota final do aluno foi: " + somarPontoExtra(6.5));
Nesse exemplo, 6.5 foi o argumento passado para a função somarPontoExtra. Ou seja, de forma resumida, parâmetros são as variáveis definidas na declaração da função, enquanto argumentos são os valores reais fornecidos quando a função é chamada.
Além disso, uma função pode receber mais de um parâmetro, e os argumentos precisam ser informados na ordem correspondente a como os parâmetros foram definidos.
function somarPontoExtra(notaAluno, pontoExtra){
const notaComAcrescimo = notaAluno + pontoExtra;
return notaComAcrescimo
}
console.log("A nota final do aluno foi: " + somarPontoExtra(6.5, 1));
Nesse caso, o 6.5 é o argumento correspondente a notaAluno, e o 1 é o argumento correspondente a pontoExtra.
Parâmetros Predefinidos no JavaScript
Agora que já revisamos os conceitos de funções no JavaScript, parâmetros e argumentos, podemos avançar para o tópico principal desta aula: Parâmetros Predefinidos no JavaScript.
Os parâmetros predefinidos, também conhecidos como parâmetros padrão, são valores que você pode atribuir a um parâmetro de uma função no momento da sua criação.
Se nenhum argumento for fornecido para esse parâmetro quando a função é chamada, em vez de gerar um erro, o valor predefinido será utilizado.
Esse parâmetro predefinido determina o comportamento padrão de uma função quando argumentos não são passados.
Por exemplo, suponha que o professor não queira informar toda vez qual será o ponto extra e que utilizará o valor padrão de 0.5, apenas informando quando for aumentar a nota para algum aluno específico. Nesse caso, podemos utilizar um parâmetro predefinido.
function somarPontoExtra(notaAluno, pontoExtra=0.5){
const notaComAcrescimo = notaAluno + pontoExtra;
return notaComAcrescimo
}
console.log("A nota final do aluno foi: " + somarPontoExtra(7.8));
Repare que mesmo sem fornecer um argumento para o pontoExtra, a função foi executada e retornou o valor corretamente. Isso ocorre porque, ao declararmos a função, atribuímos o valor padrão de 0.5 para esse parâmetro.
Essa prática é útil para tornar suas funções mais flexíveis e lidar de forma prática com diferentes casos.
Perguntas frequentes
1. Qual a diferença entre parâmetro e argumento?
Parâmetro é a variável declarada entre os parênteses no momento em que a função é criada, funcionando como um marcador de posição. Argumento é o valor real informado quando a função é chamada. Os argumentos precisam ser passados na mesma ordem em que os parâmetros foram definidos na declaração.
2. Como definir um valor padrão para um parâmetro?
Na declaração da função, atribua o valor ao parâmetro com o sinal de igual, como em pontoExtra = 0.5. Ao chamar a função sem informar esse argumento, o JavaScript usa 0.5 automaticamente. Se você passar outro valor na chamada, ele substitui o padrão apenas naquela execução.
3. Quando usar parâmetros predefinidos no JavaScript?
Use quando existe um valor comum na maior parte dos casos, mas o usuário ainda pode querer informar outro. No exemplo da aula, a função soma meio ponto na nota do aluno por padrão e permite trocar esse acréscimo quando for necessário. Isso deixa a função flexível e o código mais enxuto.
4. Uma função pode ter mais de um parâmetro predefinido?
Pode sim. Você define um valor padrão para quantos parâmetros quiser, sempre com o sinal de igual na declaração da função. Só lembre que os argumentos são lidos na ordem dos parâmetros, então os que têm valor padrão costumam ficar no fim da lista para não atrapalhar as chamadas.
Conclusão – Parâmetros Predefinidos no JavaScript
Nessa aula, abordamos o conceito de parâmetros predefinidos no JavaScript, após revisarmos os conceitos de função, parâmetros e argumentos no JavaScript.
Exploramos exemplos de como utilizar os parâmetros e os argumentos de uma função, destacando como os parâmetros predefinidos no JavaScript podem ser empregados para facilitar seus processos e seus códigos.
O uso de parâmetros predefinidos no JavaScript é extremamente útil para situações em que temos um valor comum a ser utilizado na função, mas em que o usuário pode precisar ou desejar informar outro valor.
Hashtag Treinamentos
Para acessar publicações de JavaScript, clique aqui!
