Este guia destaca a diferença entre a “expressão de função”, ou seja, “var functionName = function() {}” e a “declaração de função”, ou seja, “function functionName() {}” em JavaScript.
O que é “var functionName = function() {}”?
Esse ' var functionName = function() {} ” é conhecido como o “ expressão de função ”. É tal que uma variável recebe uma função e é então definida. A função definida pelo usuário só pode ser chamada após a expressão da função ser atribuída a uma variável em tempo de execução.
Sintaxe
var functionName = função ( ) { ... } ;
Vamos implementar a sintaxe definida acima com a ajuda de um exemplo.
Exemplo 1: aplicando o “var functionName = function() {}” em JavaScript
Neste exemplo, “ var functionName = function() {} ” é aplicado para definir uma função e alocá-la a uma variável.
Código JavaScript
Considere o seguinte código JavaScript:
< roteiro >foi functionDemo = função ( ) {
console. registro ( 'Olá Linuxhint' ) ;
} ;
functionDemo ( ) ;
roteiro >
Nas linhas de código acima:
- Defina uma função chamada “ functionDemo() ” via alocação a uma variável.
- Em sua definição, o “ console.log() ” é utilizado para imprimir a declaração escrita.
- Por fim, invoque a função definida “functionDemo()” após sua declaração.
Saída
Como visto, o console mostra a saída da função, ou seja, “ functionDemo() ” com sucesso.
O que é “função functionName() {}”?
O ' function nomedafunção() {} ” corresponde a um “ declaração de função ”. É definido simplesmente definindo a função pelo seu nome. A função é atribuída ao identificador no momento da análise.
Sintaxe
função nome da função ( ) { ... } ;Vamos aplicar a sintaxe definida acima para ver sua implementação prática.
Exemplo 2: aplicando “function functionName() {}” em JavaScript
Este exemplo aplica o “ function nomedafunção() {} ” para executar a função JavaScript definida.
Código JavaScript
Vamos dar uma olhada no seguinte código JavaScript:
< roteiro >functionDemo ( ) ;
function functionDemo ( ) {
console. registro ( 'Olá Linuxhint' ) ;
} ;
roteiro >
No bloco de código acima, a função “ functionDemo() ” é invocado primeiro e depois declarado. Ele utiliza o método “console.log()” para retornar a mensagem declarada.
Saída
A saída exibe o resultado da função definida pelo usuário. Além disso, pode-se analisar que a função pode ser invocada independentemente da sequência da função que está sendo envolvida ou definida.
Diferenças entre “var functionName = function() {}” e “function functionName() {}”
As principais diferenças entre o “ var functionName = function() {} ” expressão e o “ function nomedafunção() {} ” estão listados abaixo:
- A “declaração da função” é colocada dentro da definição da função enquanto a “expressão da função” é colocada fora de seu script como uma instrução de atribuição.
- A “declaração de função” não gera nenhum erro se uma função for chamada antes dela. No entanto, a “expressão de função” gera um erro se um usuário chama uma função antes de sua declaração.
Conclusão
O ' var functionName = function() {} ” é uma expressão de função enquanto o “ function nomedafunção() {} ” é conhecido como a “declaração de função”. A “expressão de função” atua como uma instrução de atribuição e deve ser atribuída a uma variável antes de invocar a função. Por outro lado, a “declaração de função” pode ser acessada independentemente da sequência de chamada. Este guia demonstrou a diferença entre a “expressão de função”, ou seja, “var functionName = function() {}” e a “declaração de função”, ou seja, “function functionName() {}” em JavaScript.