Was bedeutet der Abschluss in JavaScript und wie wird er verwendet?

Dieser Artikel wird einige Kenntnisse über Schließungen in JavaScript vermitteln. Ich hoffe, dass er nützlich sein wird An alle.

Ein Abschluss ist eine Kombination aus einer Funktion und der lexikalischen Umgebung, in der die Funktion nach außen gespeichert wird, und der Abschluss wird generiert Die Freigabe führt dazu, dass die ursprüngliche Bereichskette verloren geht, was zu Speicherverlusten führt. Gleichzeitig sind Schließungen jedoch auch sehr nützlich, da sie bestimmte Daten mit Vorgängen für diese Daten verknüpfen können.

Beispiel:

function demo() {
  var name = '张三'; // name 是demo()创建的局部变量
  function demo1() { //demo1()是demo()中的内部函数（闭包）
    console.log(name); // 使用父函数中声明的变量  
    }
  demo1();  
    }demo();

Ergebnis ausführen

Erstellen Sie eine lokale Variable namens name und eine lokale Variable namens demo1 in der Funktion demo() () interne Funktion. Die Funktion demo1() kann nur innerhalb des Funktionskörpers demo() verwendet werden. demo1 hat keine eigenen lokalen Variablen. Da die interne Funktion jedoch auf die Variablen der externen Funktion zugreifen kann, kann demo1() auf den Variablennamen zugreifen, der in der übergeordneten Funktion demo() deklariert ist. Wenn jedoch in Demo1 eine Variable mit demselben Namen definiert ist, wird der in der eigenen Funktion definierte Name verwendet. Dieses Beispiel zeigt, dass eine verschachtelte Funktion auf Variablen zugreifen kann, die in ihrem äußeren Bereich deklariert sind.

Was passiert, wenn der obige Code so geändert wird?

function demo() {
  var name = '张三';
  function demo1() {
    console.log(name);
  }
  return demo1;
  }
  var newDemo = demo();
  newDemo();

Laufendes Ergebnis

Aus dem laufenden Ergebnis ist ersichtlich, dass die Ergebnisse der beiden Codeteile gleich sind. Die interne Funktion demo1( ) wird von der externen Funktion vor der Ausführung zurückgegeben, um einen Abschluss zu bilden. In diesem Fall ist newDemo() ein Verweis auf die Funktion demo1, die beim Ausführen der Demo erstellt wurde, sodass der Variablenname name weiterhin an console.log(name) übergeben werden kann. wenn newDemo() aufgerufen wird.

Beispiel

function num(x) {
  return function(y) {
    return x + y;
  };}
  var num1= num(2);
  var num2 = num(3);
  console.log(num1(2));// 4
  console.log(num2(2));// 5

Laufende Ergebnisse

Definieren Sie eine Funktion num(x) zum Empfangen von A Parameter x und gibt eine neue Funktion zurück. Diese neue Funktion erhält auch einen Parameter y und gibt die Summe von x und y zurück. Gleichzeitig werden zwei neue Werte num1 und num2 definiert, die beide Abschlüsse und übergebene Werte sind ​​sind 2 bzw. 3.

Zusammenfassung: Das Obige ist der in diesem Artikel geteilte Inhalt, ich hoffe, er wird für alle hilfreich sein.

Das obige ist der detaillierte Inhalt vonWas bedeutet der Abschluss in JavaScript und wie wird er verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!