Aparência
Definindo Funções
Definir e chamar funções são habilidades essenciais no JavaScript, pois permitem que você escreva código modular e reutilizável. Neste tópico, vamos explorar como as funções podem ser definidas e utilizadas para realizar tarefas específicas, além de distinguir entre as duas principais formas de definição de funções: declarações de função e expressões de função.
Objetivos
- Aprender a definir e chamar funções: Vamos explorar como criar funções que executam blocos de código específicos quando chamadas.
- Entender a diferença entre declarações de função e expressões de função: Conhecer as diferenças entre essas duas maneiras de definir funções é crucial para o uso eficaz de funções no JavaScript.
Definição de Funções
Declaração de Função: A declaração de função começa com a palavra-chave
function
, seguida pelo nome da função, um par de parênteses que podem conter argumentos e um bloco de código entre chaves que define o que a função deve fazer. Um ponto importante é que as declarações de função são hoisted, o que significa que podem ser chamadas antes mesmo de serem definidas no código.javascriptfunction somar(a, b) { return a + b; } console.log(somar(5, 3)); // Saída: 8
Expressão de Função: Uma expressão de função envolve declarar uma função como parte de uma expressão. Podemos fazer isso de forma anônima ou nomeada. Expressões de função não são hoisted, o que significa que você precisa definir a função antes de chamá-la.
javascriptconst subtrair = function (a, b) { return a - b; }; console.log(subtrair(10, 5)); // Saída: 5
Atividade Prática
Para praticar a definição e o uso de funções, vamos escrever algumas funções que realizam operações matemáticas simples:
Função para Calcular o Quadrado de um Número:
javascriptfunction quadrado(numero) { return numero * numero; } console.log(quadrado(4)); // Saída: 16
Função para Calcular a Raiz Quadrada de um Número:
javascriptconst raizQuadrada = function (numero) { return Math.sqrt(numero); }; console.log(raizQuadrada(16)); // Saída: 4
Função para Multiplicar Dois Números:
javascriptconst multiplicar = function (a, b) { return a * b; }; console.log(multiplicar(6, 7)); // Saída: 42
Ao concluir estas atividades práticas, você terá um entendimento sólido de como definir e utilizar funções para realizar tarefas específicas, além de entender as nuances entre declarações de função e expressões de função. Este conhecimento é fundamental para qualquer desenvolvedor JavaScript, abrindo caminho para a criação de códigos mais complexos e funcionalidades avançadas.