Funções no Javascript

Tempo de leitura: 3 minutos

Funções no Javascript: Em JavaScript, as funções são blocos de código reutilizáveis que executam uma tarefa específica. Elas são fundamentais para organizar o código, evitar repetições e criar programas mais modulares e eficientes.

Neste artigo, vamos explorar os conceitos básicos de funções em JavaScript, suas diferentes formas de declaração e as diversas aplicações que elas oferecem.

O que são Funções?

Uma função é como uma receita: ela recebe ingredientes (parâmetros), executa um conjunto de instruções e pode retornar um resultado (valor de retorno).

Em JavaScript, as funções são cidadãos de primeira classe, o que significa que podem ser atribuídas a variáveis, passadas como argumentos para outras funções e retornadas por funções.  

Declarando Funções

Existem diversas formas de declarar uma função em JavaScript:

1. Declaração de Função

É a forma mais comum de declarar uma função.

JavaScript

function saudacao(nome) {
  console.log("Olá, " + nome + "!");
}

2. Expressão de Função

Uma função pode ser atribuída a uma variável.

JavaScript

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

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

Uma sintaxe mais concisa para declarar funções, especialmente útil para funções curtas.

JavaScript

let soma = (a, b) => { return a + b; };

Chamando Funções

Para executar uma função, basta escrever o nome da função seguido de parênteses, passando os argumentos necessários.

JavaScript

saudacao("Maria"); // Olá, Maria!

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

Parâmetros e Argumentos

• Parâmetros: São as variáveis declaradas dentro dos parênteses da função, que recebem os valores passados ao chamar a função.
• Argumentos: São os valores reais passados para a função ao chamá-la.

Valor de Retorno

Uma função pode retornar um valor utilizando a palavra-chave return.

JavaScript

function calcularArea(base, altura) {
  return base * altura / 2;
}

let areaTriangulo = calcularArea(5, 10);

Funções Anônimas

Funções que não possuem um nome. São frequentemente utilizadas como argumentos de outras funções ou como valores de propriedades de objetos.

JavaScript

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

Funções Auto-Invocáveis (IIFE)

Funções que são declaradas e executadas imediatamente. São úteis para criar escopos isolados.

JavaScript

(function() {
  console.log("Esta função é executada imediatamente");
})();

Funções Recursivas

Uma função que chama a si mesma, diretamente ou indiretamente. É útil para resolver problemas que podem ser divididos em subproblemas menores.

JavaScript

function fatorial(n) {
  if (n === 0) {
    return 1;
  } else {
    return n * fatorial(n - 1);
  }
}

Funções de Alta Ordem

Funções que podem aceitar outras funções como argumentos ou retornar funções como resultado.

JavaScript

function mapear(array, funcao) {
  let resultado = [];
  for (let i = 0; i < array.length; i++) {
    resultado.push(funcao(array[i]));
  }
  return resultado;
}

Conclusão

Funções no Javascript: As funções são um dos conceitos mais importantes em JavaScript. Elas permitem organizar o código, promover a reutilização e criar programas mais complexos e flexíveis. Ao dominar os diferentes tipos de funções e suas aplicações, você estará apto a escrever código mais eficiente e elegante.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:

E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados: