Explicați var functionName = function() {} vs function functionName() {} în JavaScript

Explicati Var Functionname Function Vs Function Functionname In Javascript



O funcție corespunde unui set de instrucțiuni care realizează sarcina definită. Poate fi apelat sau invocat oriunde în program, conform cerințelor utilizatorului, cu ajutorul numelui său. Înainte de a apela funcția, utilizatorul ar trebui să o definească prin numele și corpul acesteia. În afară de aceasta, funcția mai poate fi scrisă sau definită ca instrucțiunea de atribuire „var functionName = function() {}”, sau folosind declarația „function functionName() {}” în JavaScript.

Acest ghid evidențiază diferența dintre „expresia funcției”, adică „var functionName = function() {}” și „declarația funcției”, adică „function functionName() {}” în JavaScript.

Ce este „var functionName = function() {}”?

Acest ' var functionName = function() {} ' este cunoscut sub numele de ' expresia funcției ”. Este astfel încât unei variabile i se atribuie o funcție și apoi este definită. Funcția definită de utilizator poate fi apelată numai după ce expresia funcției este atribuită unei variabile în timpul execuției.







Sintaxă



var functionName = funcţie ( ) { ... } ;

Să implementăm sintaxa definită mai sus cu ajutorul unui exemplu.



Exemplul 1: aplicarea „var functionName = function() {}” în JavaScript

În acest exemplu, „ var functionName = function() {} ” se aplică pentru a defini o funcție și a o aloca unei variabile.





Cod JavaScript

Luați în considerare următorul cod JavaScript:

< scenariu >

a fost functionDemo = funcţie ( ) {

consolă. Buturuga ( „Bună Linuxhint” ) ;

} ;

functionDemo ( ) ;

scenariu >

În rândurile de cod de mai sus:



  • Definiți o funcție numită „ functionDemo() ” prin alocare unei variabile.
  • În definiția sa, „ console.log() ” este utilizată pentru a tipări declarația scrisă.
  • În cele din urmă, invocați funcția definită „functionDemo()” după declararea acesteia.

Ieșire

După cum se vede, consola arată rezultatul funcției, adică „ functionDemo() ' cu succes.

Ce este „function functionName() {}”?

function functionName() {} „ corespunde unui „ declarație de funcție ”. Se definește pur și simplu prin definirea funcției după numele acesteia. Funcția este atribuită identificatorului în timpul analizei.

Sintaxă

funcția functionName ( ) { ... } ;

Să aplicăm sintaxa definită mai sus pentru a vedea implementarea ei practică.

Exemplul 2: aplicarea „funcție functionName() {}” în JavaScript

Acest exemplu aplică „ function functionName() {} ” pentru a executa funcția JavaScript definită.

Cod JavaScript

Să aruncăm o privire la următorul cod JavaScript:

< scenariu >

functionDemo ( ) ;

function functionDemo ( ) {

consolă. Buturuga ( „Bună Linuxhint” ) ;

} ;

scenariu >

În blocul de cod de mai sus, funcția „ functionDemo() ” este mai întâi invocat și apoi declarat. Utilizează metoda „console.log()” pentru a returna mesajul declarat.

Ieșire

Ieșirea afișează rezultatul funcției definite de utilizator. De asemenea, se poate analiza că funcția poate fi invocată indiferent de succesiunea funcției implicate sau definite.

Diferențele dintre „var functionName = function() {}” vs „function functionName() {}”

Diferențele cheie dintre „ var functionName = function() {} expresia ” și ” function functionName() {} ” declarația sunt enumerate mai jos:

  • „Declarația funcției” este plasată în interiorul definiției funcției, în timp ce „expresia funcției” este plasată în afara scriptului său ca instrucțiune de atribuire.
  • „Declarația funcției” nu generează nicio eroare dacă o funcție apelează înaintea acesteia. Cu toate acestea, „expresia funcției” generează o eroare dacă un utilizator apelează o funcție înainte de declararea acesteia.

Concluzie

var functionName = function() {} ” este o expresie a funcției în timp ce „ function functionName() {} ” este cunoscut sub numele de „declarație de funcție”. „Expresia funcției” acționează ca o instrucțiune de atribuire și trebuie să fie atribuită unei variabile înainte de a invoca funcția. Pe de altă parte, „declarația funcției” poate fi accesată indiferent de secvența de invocare. Acest ghid a demonstrat diferența dintre „expresia funcției”, adică „var functionName = function() {}” și „declarația funcției”, adică „function functionName() {}” în JavaScript.