Eingehende Analyse von JS-Funktionen

Dieses Mal werde ich Ihnen eine ausführliche Analyse der JS-Funktionen bringen. Was ist der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck? Was sind die Vorsichtsmaßnahmen für die Verwendung von JS-Funktionen? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Was ist der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck (*)

Funktionsdeklaration: function bar() {}
Funktionsausdruck: var fuc = foo(){}
1. Die Funktionsleiste wird hochgezogen, bevor das gesamte Programm ausgeführt wird, sodass sie im gesamten Umfang der angegebenen Leistenfunktion verfügbar ist. Es gibt kein Problem, selbst wenn es aufgerufen wird, bevor die Funktion definiert ist.
2. Für Funktionsdeklarationen ist der Name der Funktion erforderlich, für Funktionsausdrücke ist er jedoch optional. Daher werden anonyme Funktionsausdrücke und benannte Funktionsausdrücke angezeigt.
3 In dieser Funktion

var foo = function bar() {
bar(); // Works};
bar(); // ReferenceError命名函数bar赋值给了变量foo，所以在函数声明外是不可见的，但在bar`函数内部仍然可以调用。这是因为Javascript对命名函数处理的机制，函数的名称永远在函数内部的作用域中有效。

Was ist das Deklarationspräfix einer Variablen? Was ist das Funktionsdeklarationspräfix (**)

Das sogenannte Variablendeklarationspräfix bedeutet, dass in einem Bereichsblock alle Variablen am Anfang des Blocks deklariert werden. Das Folgende ist ein Beispiel für drei Codeteile:
Code 1:

var a = 1;
function main() {
console.log(a);//1
}
main();//输出1`

Code 2:

1 var a = 1;
2 function main() {
3  console.log(a);
4 var a = 2;
5 }
6 main()//输出undefined

Code 3: Warum funktioniert Code 2 Ausgabe undefiniert

1 var a = 1;
2 function main() {
3 var a;
4  console.log(a);
5 a = 2;
6 }

Die Deklaration einer Funktion vorne dient dazu, die gesamte Funktion an den Anfang des aktuellen Bereichs (hinter der vorhergehenden Variablendeklaration) zu befördern.

var num = 1;
console.log(doubleNum(num));//2
function doubleNum(num){ return num2;}

entspricht

//函数的声明前置
var num;
function doubleNum(num){ return num2;}
num = 1;
console.log(doubleNum(num));//2

arguments Was ist (*)

arguments ist ein Array-ähnliches Objekt. Stellt die an eine Funktion übergebene Parameterliste dar. Alle Parameter einer Funktion können innerhalb der Funktion mithilfe des Argumentobjekts abgerufen werden. Dieses Objekt erstellt einen Eintrag für jeden an die Funktion übergebenen Parameter, wobei die Einträge bei 0 beginnend indiziert werden.

So implementieren Sie das Überladen von Funktionen (**)

kann durch die Länge der Argumente und den Typ der Parameter implementiert werden. Beispiel:

function sumOfSquares(a, b, c){
if(arguments.length<3){
c = 0;
}
return aa+bb+c*c
}
sumOfSquares(2,3,4);   // 29
sumOfSquares(1,3);   // 10

Was ist der Funktionsausdruck für die sofortige Ausführung? Was macht es? (***)

Die sofortige Ausführung von Funktionen wird normalerweise auf die folgenden zwei Arten geschrieben:
(function(){...})();
(function (){ .. .}());//Es wird empfohlen,
zu verwenden. In Javascript ist ein Klammerpaar „()“ ein Operator, der dem Funktionsnamen folgt und angibt, dass die Funktion aufgerufen wird.
Referenz-Sofortausführungsfunktion in JavaScript

Was ist die Bereichskette einer Funktion (****)

Bereich ist der zugängliche Bereich von Variablen und Funktionen, Kontrollvariablen Und das Sichtbarkeit und Lebenszyklus von Funktionen. Der Gültigkeitsbereich von Variablen in JavaScript hat einen globalen und einen lokalen Gültigkeitsbereich.
Eine Bereichskette ist eine Bereichskette (nicht einfach sc) variabler Objekte, die erstellt wird, wenn Code in einer Umgebung ausgeführt wird, um einen ordnungsgemäßen Zugriff auf Variablen und Funktionen sicherzustellen, auf die die Ausführungsumgebung Zugriff hat. Das erste Objekt im Bereich ist immer das variable Objekt (VO) der Umgebung, in der der Code gerade ausgeführt wird.

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen erhalten Sie Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Verwandte Lektüre:

So erstellen Sie eine Anmeldebox mit CSS3

JavaScript-Array-String-Mathematische Funktion

JS Dom- und Veranstaltungszusammenfassung

Das obige ist der detaillierte Inhalt vonEingehende Analyse von JS-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!