Was ist der Unterschied zwischen diesen beiden Funktionen/Ansätzen?

Question

Ich benutze nur jQuery zum Schreiben von JavaScript-Code. Eine Sache, die mich verwirrt, ist diese beiden Ansätze von Schreibfunktionen,

Erster Ansatz

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

Zweiter Ansatz

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

Was ist der Unterschied zwischen den beiden und warum sollte man Verwenden Sie den ersten Ansatz oder den zweiten Ansatz?

Answer 1

Das erste ist ein Funktionsausdruck auf die Variable vote zugeordnet, die zweite ist eine Funktionsdeklaration.

Der Hauptunterschied besteht darin, dass Funktionsanweisungen zum Zeitpunkt der Analyse ausgewertet werden. Sie sind verfügbar vor ihre Deklaration zur Laufzeit. auch

Siehe:

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

Answer 2

Der erste ist ein Funktionsausdruck,

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

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

Die zweite Funktion eine einfache Erklärung.

Answer 3

function myFunction() {} 

... ist eine "Funktionsdeklaration" genannt.

var myFunction = function() {}; 

... ist ein "Funktionsausdruck" bezeichnet.

Sie sind sehr ähnlich; aber:

• Die Funktionsdeklaration nach erklärt werden kann, wird Bezug genommen wird, während der Funktionsausdruck deklariert werden muss, bevor sie referenziert wird:

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

• Da ein Funktionsausdruck ist eine Aussage, Es sollte ein Semikolon folgen.

Siehe Function constructor vs. function declaration vs. function expression am Mozilla Developer Centre für weitere Informationen.

Answer 4

Die Syntax der Funktionsdeklaration kann nicht innerhalb einer Blockanweisung verwendet werden.

Legal:

function a() { 
    function b() { 

    } 
} 

Illegal:

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

     } 
    } 
} 

Sie dies allerdings tun können:

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

     }; 
    } 
}