Der Unterschied zwischen Funktionsausdrücken und Funktionsdeklarationen in JavaScript und die Unterschiede zwischen Funktionsdeklarationen und Funktionsausdrücken_Javascript-Kenntnisse

Funktionsausdrücke und Funktionsdeklarationen

In ECMAScript sind die beiden häufigsten Methoden zum Erstellen von Funktionen Funktionsausdrücke und Funktionsdeklarationen. Der Unterschied zwischen den beiden ist etwas verwirrend, da die ECMA-Spezifikation nur einen Punkt klarstellt: Funktionsdeklarationen müssen Bezeichner (Identifikatoren) haben. ) (wie jeder den Funktionsnamen oft nennt), und dieser Bezeichner kann in Funktionsausdrücken weggelassen werden:

　Funktionsdeklaration:

　Funktionsname (Parameter: optional){Funktionskörper}

　Funktionsausdruck:

　Funktion Funktionsname (optional) (Parameter: optional) {Funktionskörper}

Es ist also ersichtlich, dass es sich um einen Ausdruck handeln muss, wenn der Funktionsname nicht deklariert ist. Wenn der Funktionsname jedoch deklariert ist, wie kann dann festgestellt werden, ob es sich um eine Funktionsdeklaration oder einen Funktionsausdruck handelt? ECMAScript unterscheidet nach Kontext. Wenn die Funktion foo(){} Teil eines Zuweisungsausdrucks ist, handelt es sich um einen Funktionsausdruck. Wenn die Funktion foo(){} in einem Funktionskörper enthalten ist oder sich oben im Programm befindet, ist sie es eine Funktionsdeklaration.

 function foo(){} // 声明，因为它是程序的一部分
 var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分
 new function bar(){}; // 表达式，因为它是new表达式
 (function(){
  function bar(){} // 声明，因为它是函数体的一部分
 })();

Es gibt auch einen weniger verbreiteten Funktionsausdruck, nämlich den in Klammern eingeschlossenen (Funktion foo(){}). Der Grund, warum es sich um einen Ausdruck handelt, liegt darin, dass die Klammern () ein Gruppierungsoperator sind und sein internes Einschließen Ausdrücke, schauen wir uns ein paar Beispiele an:

function foo(){} // Funktionsdeklaration
(function foo(){}); // Funktionsausdruck: im Gruppierungsoperator

enthalten

Benannter Funktionsausdruck

Wenn es um benannte Funktionsausdrücke geht, muss dieser natürlich einen Namen haben. Das vorherige Beispiel var bar = function foo(){} ist ein gültiger benannter Funktionsausdruck, aber es gibt eine Sache, die man sich merken sollte: diesen Namen Nur im Rahmen der neu definierten Funktion gültig, da die Spezifikation vorsieht, dass Bezeichner im umgebenden Bereich nicht gültig sein können:

 var f = function foo(){
  return typeof foo; // foo是在内部作用域内有效
 };
 // foo在外部用于是不可见的
 console.log(typeof foo); // "undefined"
 console.log(f()); // "function"
var f = function foo(){
return foo; // foo是在内部作用域内有效
};
// foo在外部用于是不可见的
console.log(typeof foo); // "undefined"
console.log( f()==f); // "function"
console.log(f.name);//foo

Welchen Nutzen haben benannte Funktionsausdrücke, da dies erforderlich ist? Warum ein Name?

Wie wir zu Beginn gesagt haben: Wenn Sie ihm einen Namen geben, kann dies den Debugging-Prozess komfortabler machen, denn wenn beim Debuggen jedes Element im Aufrufstapel einen eigenen Namen hat, um es zu beschreiben, ist der Debugging-Prozess großartig , das Gefühl ist anders.

ps: Der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck in JS

Die Funktionsdeklaration in Js bezieht sich auf die folgende Form:

function functionName(){ 
} 

deklariert eine Funktion auf diese Weise, während Funktionsausdruck eine Funktion wie einen Ausdruck deklariert, wie zum Beispiel:

     var functionName = function(){ 
}

Viele Freunde sind möglicherweise verwirrt, wenn sie sehen, dass diese beiden Schreibmethoden ähnlich sind und beide in Anwendungen anwendbar zu sein scheinen.

Tatsächlich behandelt der js-Parser Funktionsdeklarationen und Funktionsausdrücke nicht gleich. Bei Funktionsdeklarationen liest der js-Parser diese zuerst, um sicherzustellen, dass die Deklaration analysiert wurde, bevor der gesamte Code ausgeführt wird. Funktionsausdrücke werden, wie beispielsweise die Definition von Variablen anderer Basistypen, nur analysiert, wenn ein bestimmter Satz ausgeführt wird In der Praxis wird es immer noch Unterschiede geben. Insbesondere kann bei Verwendung des Funktionsdeklarationsformulars zum Definieren einer Funktion die aufrufende Anweisung vor der Funktionsdeklaration geschrieben werden, und diese wird in diesem Fall einen Fehler melden.