O que é Function Declaration?
A Function Declaration, ou Declaração de Função, é uma forma de definir uma função em JavaScript. Uma função é um bloco de código que pode ser chamado e executado em qualquer parte do programa. A Declaração de Função é uma das maneiras mais comuns de criar funções em JavaScript, juntamente com a Expressão de Função.
Como declarar uma função?
Para declarar uma função, utilizamos a palavra-chave “function”, seguida pelo nome da função e um par de parênteses. Dentro dos parênteses, podemos especificar os parâmetros da função, que são os valores que a função irá receber quando for chamada. Após os parênteses, utilizamos chaves para delimitar o bloco de código da função.
Exemplo de Function Declaration:
Vamos supor que queremos criar uma função chamada “soma” que recebe dois números como parâmetros e retorna a soma desses números. Podemos declarar essa função da seguinte forma:
“`
function soma(a, b) {
return a + b;
}
“`
Como chamar uma função declarada?
Uma vez que uma função foi declarada, podemos chamá-la em qualquer parte do programa utilizando o nome da função seguido por um par de parênteses. Dentro dos parênteses, passamos os argumentos, que são os valores que serão atribuídos aos parâmetros da função.
Exemplo de chamada de função:
Suponha que queremos chamar a função “soma” que declaramos anteriormente, passando os números 2 e 3 como argumentos. Podemos fazer isso da seguinte forma:
“`
let resultado = soma(2, 3);
console.log(resultado); // Output: 5
“`
Escopo de uma função declarada:
Uma função declarada possui seu próprio escopo, o que significa que as variáveis declaradas dentro da função não são acessíveis fora dela. Isso é conhecido como escopo local. No entanto, as variáveis declaradas fora da função podem ser acessadas dentro dela, a menos que sejam redefinidas com o mesmo nome.
Exemplo de escopo de função:
“`
let x = 10;
function minhaFuncao() {
let y = 5;
console.log(x); // Output: 10
console.log(y); // Output: 5
}
minhaFuncao();
console.log(x); // Output: 10
console.log(y); // Output: ReferenceError: y is not defined
“`
Hoisting de uma função declarada:
Uma característica interessante das Function Declarations em JavaScript é o hoisting. O hoisting é um comportamento em que as declarações de função são movidas para o topo do escopo em que estão, antes mesmo da execução do código. Isso significa que podemos chamar uma função antes mesmo de declará-la.
Exemplo de hoisting de função:
“`
minhaFuncao(); // Output: “Olá, mundo!”
function minhaFuncao() {
console.log(“Olá, mundo!”);
}
“`
Funções anônimas:
Além das Function Declarations, também é possível criar funções anônimas em JavaScript. Uma função anônima é uma função sem nome, que pode ser atribuída a uma variável ou passada como argumento para outra função. Essas funções são comumente utilizadas em callbacks e expressões de função.
Exemplo de função anônima:
“`
let soma = function(a, b) {
return a + b;
}
let resultado = soma(2, 3);
console.log(resultado); // Output: 5
“`
Vantagens da Function Declaration:
A Function Declaration possui algumas vantagens em relação a outras formas de criar funções em JavaScript. Uma das principais vantagens é que as Function Declarations são hoisted, o que significa que podemos chamá-las antes mesmo de declará-las. Além disso, as Function Declarations são mais legíveis e fáceis de entender, especialmente para iniciantes em programação.
Conclusão:
A Function Declaration é uma forma de definir funções em JavaScript. Ela é composta pela palavra-chave “function”, seguida pelo nome da função, parênteses para os parâmetros e chaves para delimitar o bloco de código. As funções declaradas possuem seu próprio escopo e podem ser chamadas em qualquer parte do programa. Além disso, as Function Declarations são hoisted, o que permite chamá-las antes mesmo de declará-las. Essa forma de criar funções é amplamente utilizada e oferece vantagens como legibilidade e facilidade de entendimento.