Funções em JavaScript

As funções são um dos pilares do JavaScript. Elas permitem reutilizar código, organizar melhor a lógica e facilitar a manutenção dos programas. Nesta aula, vamos explorar desde o básico até conceitos mais avançados, como arrow functions e funções anônimas. Vamos nessa? 🚀

1. O que são Funções?

Imagine que você tem um restaurante e precisa fazer um hambúrguer sempre que um cliente pedir. Em vez de escrever o passo a passo toda vez, você cria uma “receita” (função) e apenas chama essa receita quando precisar. Isso é o que uma função faz!

No JavaScript, uma função é um bloco de código que pode ser chamado e executado quando necessário. Elas podem receber entradas (parâmetros) e devolver saídas (valores de retorno), tornando o código mais modular e reutilizável.

Além disso, funções ajudam a evitar repetições, tornando o código mais limpo e organizado. Programas grandes sem funções se tornam difíceis de manter e entender.

2. Como Declarar uma Função?

A maneira mais comum de declarar uma função é usando a palavra-chave function:

function saudacao() {
    console.log("Olá, seja bem-vindo ao curso de JavaScript!");
}

Aqui criamos uma função chamada saudacao que apenas exibe uma mensagem no console. Mas até agora ela está guardada na memória e não foi executada.

Chamando a Função

Para executar a função, basta chamá-la pelo nome seguido de parênteses:

saudacao();

Saída no console:

Olá, seja bem-vindo ao curso de JavaScript!

Curiosidade: Funções também podem ser chamadas dentro de outras funções para evitar código repetitivo.

3. Parâmetros e Valores de Retorno

Parâmetros

Podemos tornar uma função mais flexível passando parâmetros para ela. Os parâmetros são variáveis que a função espera receber quando for chamada.

function cumprimentar(nome) {
    console.log("Olá, " + nome + "! Como você está?");
}

Agora, chamamos a função e passamos um nome como argumento:

cumprimentar("Carlos");

Saída:

Olá, Carlos! Como você está?

Retornando Valores

E se quisermos que uma função nos dê um resultado que possamos usar depois? Para isso, usamos return:

function soma(a, b) {
    return a + b;
}

let resultado = soma(5, 3);
console.log("O resultado da soma é: " + resultado);

Saída:

O resultado da soma é: 8

O return finaliza a execução da função e retorna um valor. Isso é útil para armazenar e manipular os resultados de funções dentro do programa.

4. Arrow Functions (Funções de Seta)

As arrow functions foram introduzidas no ES6 e oferecem uma sintaxe mais curta para criar funções.

Sintaxe Tradicional vs Arrow Function

Forma tradicional:

function dobro(x) {
    return x * 2;
}

Forma com arrow function:

const dobro = (x) => x * 2;

Se a função tiver apenas um parâmetro e um retorno direto, podemos omitir os parênteses e as chaves:

const triplo = x => x * 3;

Chamando:

console.log(dobro(4)); // 8
console.log(triplo(4)); // 12

Vantagens das Arrow Functions:

• Código mais enxuto.
• Não cria seu próprio this, herdando do escopo pai.

5. Funções Anônimas

São funções que não têm nome. Normalmente, são usadas em funções de callback.

Exemplo:

setTimeout(function() {
    console.log("Isso será exibido após 2 segundos.");
}, 2000);

Podemos reescrever isso com uma arrow function:

setTimeout(() => console.log("Isso será exibido após 2 segundos."), 2000);

As funções anônimas são úteis quando queremos passar um comportamento sem precisar nomear a função.

6. Funções Dentro de Funções

Podemos definir funções dentro de outras funções. Isso é útil quando queremos modularizar código.

function calcularOperacoes(a, b) {
    function soma() {
        return a + b;
    }
    function multiplicacao() {
        return a * b;
    }
    return `Soma: ${soma()}, Multiplicação: ${multiplicacao()}`;
}

console.log(calcularOperacoes(3, 4));

Saída:

Soma: 7, Multiplicação: 12

Outro uso comum para funções dentro de funções é evitar expor certas lógicas ao escopo global, mantendo o código mais seguro e organizado.

7. Conclusão

As funções são essenciais em JavaScript e nos ajudam a organizar nosso código. Hoje aprendemos:

✅ Como declarar e chamar funções.
✅ Como usar parâmetros e valores de retorno.
✅ O que são arrow functions e como utilizá-las.
✅ Como criar funções anônimas e funções dentro de outras.
✅ Quando usar funções aninhadas para modularizar o código.

Desafio para Você 🚀

1. Crie uma função que receba um número e retorne se ele é par ou ímpar.
2. Crie uma arrow function que calcule o quadrado de um número.
3. Modifique a função de saudação para aceitar um segundo parâmetro indicando o horário do dia.

Pratique criando suas próprias funções! 🚀

No próximo módulo, vamos explorar objetos e arrays, então fique ligado! 👀