Revisão de Funções JavaScript

Funções JavaScript

  • Funções são blocos reutilizáveis de código que executam uma tarefa específica.
  • Funções podem ser definidas usando a palavra-chave function seguida de um nome, uma lista de parâmetros e um bloco de código que executa a tarefa.
function addNumbers(x, y, z) {
  return x + y + z;
}

console.log(addNumbers(5, 3, 8)); // Output: 16
  • Argumentos são valores passados para uma função quando ela é chamada.
  • Uma chamada de função é o processo de executar uma função em um programa especificando o nome da função seguido por parênteses, opcionalmente incluindo argumentos dentro dos parênteses.
  • Quando uma função termina sua execução, ela sempre retornará um valor.
  • Por padrão, o valor retornado de uma função é undefined.
  • A palavra-chave return é usada para especificar o valor a ser retornado da função e termina a execução da função.
  • Parâmetros padrão permitem que funções tenham valores predefinidos que serão usados se um argumento não for fornecido quando a função for chamada. Isso torna as funções mais flexíveis e previne erros em casos onde certos argumentos podem ser omitidos.
const calculateTotal = (amount, taxRate = 0.05) => {
  return amount + (amount * taxRate);
};

console.log(calculateTotal(100)); // Output: 105
  • Funções anônimas são funções sem nome que podem ser atribuídas a variáveis. Ao atribuí-las a variáveis, você pode reutilizá-las em qualquer lugar onde a variável tenha acesso.
const multiplyNumbers = function(firstNumber, secondNumber) {
  return firstNumber * secondNumber;
};

console.log(multiplyNumbers(4, 5)); // Output: 20

Funções Arrow

  • Funções arrow são uma forma mais concisa de escrever funções em JavaScript.
const calculateArea = (length, width) => {
  const area = length * width;
  return The area of the rectangle is ${area} square units.;
};

console.log(calculateArea(5, 10)); // Output: "The area of the rectangle is 50 square units."
  • Ao definir uma arrow function, você não precisa da palavra-chave function.
  • Se você estiver usando um único parâmetro, pode omitir os parênteses ao redor da lista de parâmetros.
const cube = x => {
  return x * x * x;
};

console.log(cube(3)); // Output: 27
  • Se o corpo da função consiste em uma única expressão, você pode omitir as chaves e a palavra-chave return.
const square = number => number * number;

console.log(square(5)); // Output: 25

Escopo em Programação

  • Escopo global: Este é o escopo mais externo no JavaScript. Variáveis declaradas no escopo global são acessíveis de qualquer lugar no código e são chamadas de variáveis globais.
  • Escopo local: Isso se refere a variáveis declaradas dentro de uma função. Essas variáveis são acessíveis apenas dentro da função onde são declaradas e são chamadas de variáveis locais.
  • Escopo de bloco: Um bloco é um conjunto de instruções delimitadas por chaves {} como em declarações if ou loops.
  • O escopo de bloco com let e const oferece um controle ainda mais preciso sobre a acessibilidade de variáveis, ajudando a prevenir erros e tornar seu código mais previsível.