Aula 6: Funções em JavaScript: Guia Completo para Iniciantes

Hello World!

Eai devs, tudo bem? Estamos quase finalizando o aprendizado básico em JavaScript. Hoje, vamos aprender sobre funções, um tópico de extrema importância para o desenvolvimento do nosso conhecimento até nos tornarmos Full Stack. Então, bora codar!

O que são Funções?

Funções em JavaScript são blocos de código projetados para executar uma tarefa ou calcular um valor. Damos um nome a essas funções para que possamos chamá-las quando quisermos executar o código associado. As funções podem ou não retornar um valor após sua execução.

A importância das funções está em evitar repetições de código, promover clareza, e tornar os programas mais fáceis de manter e escalar. Além disso, elas facilitam a modularidade, dividindo o código em partes menores e mais compreensíveis, o que é essencial para projetos complexos.

Funções sem Parâmetro

Uma função sem parâmetro é uma função que não recebe nenhum valor de entrada. Ela executa uma tarefa específica de forma independente dos valores externos.

Exemplo:

Explicação linha por linha:

1. function mensagemDoDev() – Declara uma função chamada mensagemDoDev sem parâmetros.
2. { alert("Bora codar"); } – O bloco de execução da função, que exibe um alerta com a mensagem “Bora codar”.
3. mensagemDoDev(); – Chama a função para executar o código dentro dela.

Funções com Parâmetros

Uma função com parâmetros é projetada para receber valores de entrada, chamados de parâmetros, que podem ser usados dentro do bloco de execução da função para realizar operações ou cálculos.

Exemplo:

Explicação linha por linha:

1. function multiplicacao(numero1, numero2) – Declara uma função chamada multiplicacao com dois parâmetros, numero1 e numero2.
2. { console.log(numero1 * numero2); } – O bloco de execução que imprime no console o resultado da multiplicação de numero1 e numero2.
3. multiplicacao(5, 7); – Chama a função passando os valores 5 e 7 como argumentos.

Função com Retorno

Uma função com retorno é aquela que, após realizar sua tarefa, devolve um valor para o ponto onde foi chamada. Isso permite que o valor seja armazenado ou usado em outras operações.

Explicação linha por linha:

1. function multiplicacao(numero1, numero2) – Declara a função multiplicacao com dois parâmetros.
2. { return numero1 * numero2; } – Retorna o resultado da multiplicação de numero1 e numero2.
3. let resultado = multiplicacao(5, 6); – Armazena o valor retornado pela função em resultado.
4. console.log(resultado); – Imprime o valor de resultado no console.
5. resultado = multiplicacao(resultado, 10); – Atualiza resultado com o valor retornado pela função multiplicacao.
6. console.log(resultado); – Imprime o novo valor de resultado no console.

Função com Valores Padrão

Uma função com valores padrão é uma função que atribui um valor padrão aos seus parâmetros caso nenhum valor seja fornecido quando a função é chamada. Isso é útil para evitar erros e garantir que a função tenha sempre algo para trabalhar.

Explicação linha por linha:

1. function mensagem(nome = "Guilherme") – Declara a função mensagem com um parâmetro nome que tem o valor padrão “Guilherme”.
2. { console.log("Seja bem-vindo, " + nome + " ao Blog da aulas"); } – Imprime uma mensagem de boas-vindas no console, usando o valor de nome.
3. mensagem(); – Chama a função sem passar um argumento, então nome usa o valor padrão “Guilherme”.

Finalizando

E é isso, pessoal! Hoje tivemos a oportunidade de aprender sobre funções e como elas são essenciais em JavaScript.

Na próxima aula, faremos exercícios para fixar o conteúdo já aprendido.

Ótimo aprendizado e bora codar!

📂 Link para o repositório desta aula no GitHub: https://github.com/guilherme-silvam/js-aulas-guilhermemachadodev