Como criar funções em JavaScript: Guia prático para programadores iniciantes escreverem código reutilizável

Como Criar Funções em JavaScript (Function, Parâmetros e Return)

As funções estão presentes em praticamente todos os projetos modernos de JavaScript. Elas permitem dividir problemas grandes em pequenas tarefas reutilizáveis, deixando o código muito mais organizado, limpo e fácil de manter.

"Uma função tem uma estrutura. Primeiro a palavra reservada function. É essa palavra que você não pode estar utilizando em nenhum lugar do código. Depois, o nome da função em Camel Case, os parênteses e as chaves. Essa é a estrutura básica de uma função em JavaScript."

🚀 O que você vai aprender neste artigo

1. Como criar funções em JavaScript
2. Palavra reservada function
3. Parâmetros e argumentos
4. Return — devolvendo resultados
5. Reutilização de código
6. Camel Case — convenção de nomenclatura
7. Boas práticas para escrever funções

📌 Conceitos abordados

• Declaração de funções
• Parâmetros — variáveis que recebem valores
• Argumentos — valores enviados para a função
• Return — devolve o resultado
• Invoção — chamando a função
• Reutilização — usando a função várias vezes
• Camel Case — somarDoisNumeros

📝 Estrutura de uma função em JavaScript

function nomeDaFuncao(parametro1, parametro2) {
    // Corpo da função
    // Código que será executado
    return resultado;
}
        

🐫 Camel Case: A convenção de nomenclatura

Camel Case é uma convenção de nomenclatura onde o nome começa com letra minúscula e cada nova palavra inicia com letra maiúscula. É a forma mais comum de nomear funções em JavaScript.

// ❌ Ruim - nomes confusos
function SOMAR() { ... }
function somar_numeros() { ... }
function SomarDoisNumeros() { ... }

// ✅ Bom - Camel Case (padrão)
function somarDoisNumeros() { ... }
function calcularTotal() { ... }
function validarEmail() { ... }
        

📝 Criando sua primeira função

Vamos criar uma função que soma dois números:

// Declarando a função
function somarDoisNumeros(numero1, numero2) {
    let calculo = numero1 + numero2;
    return calculo;
}
        

📥 Parâmetros e Argumentos

Parâmetros são as variáveis que a função declara para receber valores. Argumentos são os valores reais enviados quando a função é chamada.

// Parâmetros: numero1 e numero2
function somarDoisNumeros(numero1, numero2) {
    return numero1 + numero2;
}

// Argumentos: 10 e 20
let resultado = somarDoisNumeros(10, 20);
console.log(resultado); // 30
        

🔄 A palavra-chave return

O return devolve um resultado para quem chamou a função e finaliza sua execução.

function somarDoisNumeros(numero1, numero2) {
    let calculo = numero1 + numero2;
    return calculo;
    // O código abaixo NUNCA será executado
    console.log("Isso não aparece");
}

let resultado = somarDoisNumeros(5, 3);
console.log(resultado); // 8
        

📞 Invocando (chamando) uma função

Para executar uma função, você a invoca usando seu nome seguido de parênteses.

// Declarando a função
function somarDoisNumeros(numero1, numero2) {
    return numero1 + numero2;
}

// Invocando a função
console.log(somarDoisNumeros(10, 10)); // 20

// Invocando novamente com valores diferentes
console.log(somarDoisNumeros(3, 4));  // 7
        

♻️ Reutilização de código com funções

A grande vantagem das funções é a reutilização. Você pode chamar a mesma função várias vezes com argumentos diferentes.

// Função reutilizável
function somarDoisNumeros(numero1, numero2) {
    return numero1 + numero2;
}

// Reutilizando a função com diferentes valores
console.log(somarDoisNumeros(5, 3));   // 8
console.log(somarDoisNumeros(10, 20)); // 30
console.log(somarDoisNumeros(100, 50)); // 150
        

📚 Exemplos práticos de funções

1. Função para calcular a média

function calcularMedia(nota1, nota2, nota3) {
    let soma = nota1 + nota2 + nota3;
    return soma / 3;
}

console.log(calcularMedia(8, 7, 9)); // 8
        

2. Função para verificar idade

function verificarIdade(idade) {
    if (idade >= 18) {
        return "Maior de idade";
    } else {
        return "Menor de idade";
    }
}

console.log(verificarIdade(20)); // "Maior de idade"
        

📋 Boas práticas para funções

⏱️ Capítulos do vídeo

• 00:00 — Como criar uma função em JavaScript
• 00:13 — Convenção de nomes (Camel Case)
• 00:32 — Estrutura da palavra function
• 00:54 — Parâmetros de uma função
• 01:07 — Criando a lógica da função
• 01:21 — Como funciona o return
• 01:31 — Chamando uma função (Invocação)
• 01:52 — Fluxo completo de execução
• 02:21 — Exibindo o resultado no console
• 02:29 — Reutilizando funções com novos argumentos
• 02:45 — Conclusão

🎯 Conclusão

Criar funções em JavaScript é uma habilidade fundamental para qualquer programador. As funções permitem organizar o código, reutilizar lógica e construir sistemas complexos de forma modular.

Neste artigo, você aprendeu:

• ✅ Como criar funções com a palavra function
• ✅ A convenção de nomenclatura Camel Case
• ✅ Como usar parâmetros e argumentos
• ✅ O que é o return e como usá-lo
• ✅ Como invocar (chamar) uma função
• ✅ Como reutilizar código com funções
• ✅ Boas práticas para escrever funções

🤔 O que você achou?

💬 Quer aprender JavaScript do ZERO? Comece agora a escrever seu primeiro código e seus fundamentos!

❓ FAQ: Perguntas Frequentes sobre Como Criar Funções em JavaScript

🎬 Assista ao Vídeos completo sobre Refatoração

O vídeo foi feito em Javascript mais o conceito pode ser utilizado em qualquer outra linguagem de programação..

🔗 Conecte-se Comigo