Qual è la differenza tra queste due funzioni/approcci?

Question

Io uso solo jQuery per scrivere codice JavaScript. Una cosa che mi confonde è che questi due approcci di funzioni di scrittura,

Primo approccio

vote = function (action,feedbackId,responseDiv) 
{ 
    alert('hi'); 
    return feedbackId; 
} 

Secondo approccio

function vote(action, feedbackId,responseDiv) 
{ 
    alert('hi'); 
    return feedbackId; 
} 

Qual è la differenza tra i due e perché dovrebbe uno utilizzare il primo approccio o il secondo approccio?

Answer 1

Il primo è un'espressione funzione assegnato alla variabile vote, il secondo è una dichiarazione funzione.

La differenza principale è che le istruzioni di funzione vengono valutate in fase di analisi, sono disponibili prima della la relativa dichiarazione in fase di esecuzione.

Consulta anche:

• Named function expressions demystified (articolo)
• Explain JavaScript’s encapsulated anonymous function syntax

Answer 2

Il primo è un'espressione di funzione,

var calculateSum = function(a, b) { return a + b; } 

alert(calculateSum(5, 5)); // Alerts 10 

La seconda è una dichiarazione di funzione normale.

Answer 3

function myFunction() {} 

... si chiama "dichiarazione di funzione".

var myFunction = function() {}; 

... è chiamato "espressione di funzione".

Sono molto simili; tuttavia:

• La dichiarazione di funzione può essere dichiarata dopo si fa riferimento, mentre l'espressione funzione deve essere dichiarata prima che viene fatto riferimento:

  // OK 
  myFunction(); 
  function myFunction() {} 
  
  // Error 
  myFunction(); 
  var myFunction = function() {}; 
  

• Dal un'espressione di funzione è una dichiarazione, dovrebbe essere seguito da un punto e virgola.

Vedi Function constructor vs. function declaration vs. function expression al Mozilla Developer Centre per ulteriori informazioni.

Answer 4

La sintassi della dichiarazione di funzione non può essere utilizzata all'interno di un'istruzione di blocco.

legale:

function a() { 
    function b() { 

    } 
} 

illegale:

function a() { 
    if (c) { 
     function b() { 

     } 
    } 
} 

Si può fare questo però:

function a() { 
    var b; 
    if (c) { 
     b = function() { 

     }; 
    } 
}