Funções em JavaScript: Guia Completo para Iniciantes

Funções são blocos de código reutilizáveis em JavaScript, fundamentais para organizar lógica, evitar repetição e tornar programas mais claros e eficientes. Com funções, você pode executar tarefas específicas sempre que necessário, passando dados e recebendo resultados.

Neste guia, você vai aprender os conceitos fundamentais de funções em JavaScript, com exemplos práticos ideais para iniciantes.

O que é uma Função?

Uma função é um conjunto de instruções que pode ser executado sempre que chamado. Ela pode receber parâmetros e retornar um valor.

function saudacao(nome) {
  return "Olá, " + nome + "!";
}

console.log(saudacao("Ana")); // Olá, Ana!

Declarando Funções

1. Função Declarada

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

console.log(soma(5, 3)); // 8

2. Função Expressa (Expression)

const multiplicar = function(a, b) {
  return a * b;
};

console.log(multiplicar(4, 2)); // 8

3. Função Arrow (Função de Seta)

const dividir = (a, b) => a / b;

console.log(dividir(10, 2)); // 5

Parâmetros e Argumentos

Funções podem receber quantos parâmetros forem necessários. Se algum argumento não for passado, o valor será undefined.

function imprimirMensagem(msg = "Olá, mundo!") { // parâmetro padrão
  console.log(msg);
}

imprimirMensagem(); // Olá, mundo!
imprimirMensagem("Olá, JavaScript!"); // Olá, JavaScript!

Retornando Valores

O retorno de uma função é feito com a palavra-chave return.

function quadrado(x) {
  return x * x;
}

let resultado = quadrado(5);
console.log(resultado); // 25

Funções Aninhadas e Escopo

Funções podem ser declaradas dentro de outras funções. O escopo determina onde variáveis e funções podem ser acessadas.

function externo() {
  let mensagem = "Olá do externo!";
  
  function interno() {
    console.log(mensagem);
  }
  
  interno();
}

externo(); // Olá do externo!

Funções como Objetos de Primeira Classe

Em JavaScript, funções são objetos de primeira classe, podendo ser atribuídas a variáveis, passadas como argumentos e retornadas de outras funções.

function executar(func) {
  func();
}

executar(() => console.log("Função executada!")); // Função executada!

Boas práticas com Funções

• Dê nomes claros e descritivos para funções.
• Prefira funções curtas e coesas, que realizam apenas uma tarefa.
• Utilize parâmetros padrão e valores retornados sempre que possível.
• Use funções arrow para callbacks e expressões concisas.

Conteúdo adaptado do capítulo “Funções” do livro JavaScript: O Guia Definitivo de David Flanagan.