Was bedeutet das Schlüsselwort let in jquery?

Let ist in jquery ein Schlüsselwort zum Deklarieren von Variablen. Mit dem Schlüsselwort let können Sie eine Variable, Anweisung oder einen Ausdruck deklarieren, deren Gültigkeitsbereich auf den Blockbereich beschränkt ist. Durch let deklarierte Variablen werden im Gültigkeitsbereich nicht hochgestuft, sie werden zur Kompilierungszeit initialisiert; let erstellt keine Eigenschaften des Fensterobjekts, wenn es global (im Gültigkeitsbereich der obersten Ebene) deklariert wird.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.

Let ist in jquery ein Schlüsselwort, das Variablen deklariert.

Das Schlüsselwort let deklariert eine blockbezogene lokale Variable und kann auf einen Wert initialisiert werden (optional). Syntax:

let name1 [= value1] [, name2 [= value2]] [, ..., nameN [= valueN];

Parameters

• nameN: Der Name einer oder mehrerer zu deklarierender Variablen muss ein gültiger Bezeichner sein.

• valueN: Optional, gibt den Anfangswert der Variablen an, der ein beliebiger zulässiger Ausdruck sein kann.

Beispiel:

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // expected output: 2
}

console.log(x);
// expected output: 1

Beschreibung:

let ermöglicht Ihnen die Deklaration einer Variablen, Anweisung oder eines Ausdrucks, deren Gültigkeitsbereich auf den Blockbereich beschränkt ist. Im Gegensatz zum Schlüsselwort var ist der von var deklarierte Variablenbereich global oder der gesamte Funktionsblock. Ein weiterer wichtiger Unterschied zwischen var und let besteht darin, dass die von let deklarierte Variable nicht im Gültigkeitsbereich heraufgestuft wird, sondern zur Kompilierungszeit initialisiert wird (siehe die temporäre Totzone unten).

Genau wie const erstellt let keine Eigenschaften des Fensterobjekts, wenn es global deklariert wird (im obersten Bereich).

Hier erfahren Sie, warum wir let verwenden.

Viele Probleme können vermieden werden, indem man Let-Variablen am oberen Rand des Gültigkeitsbereichs deklariert, in dem sie verwendet werden. Dies kann jedoch die Lesbarkeit beeinträchtigen.

Anders als var ist let nur der Anfang einer Aussage, kein vollständiger Ausdruck. Das bedeutet, dass Sie keine separate let-Deklaration als Hauptteil eines Codeblocks haben können (was sinnvoll ist, da auf deklarierte Variablen nicht zugegriffen werden kann).

if (true) let a = 1; // SyntaxError: Lexical declaration cannot appear in a single-statement context

Bereichsregeln

Der Gültigkeitsbereich einer mit let deklarierten Variablen liegt nur innerhalb des Blocks oder Unterblocks, in dem sie deklariert ist. Dies ähnelt var. Der Hauptunterschied zwischen den beiden besteht darin, dass der Gültigkeitsbereich der mit var deklarierten Variablen die gesamte umschließende Funktion ist.

function varTest() {
  var x = 1;
  {
    var x = 2; // same variable!
    console.log(x); // 2
  }
  console.log(x); // 2}function letTest() {
  let x = 1;
  {
    let x = 2; // different variable
    console.log(x); // 2
  }
  console.log(x); // 1}
  
  
letTest();
varTest();

Im globalen Bereich unterscheidet sich let von var dadurch, dass es keine Eigenschaften für das globale Objekt erstellt. Zum Beispiel:

var x = 'global';
let y = 'global';
console.log(this.x); // "global"
console.log(this.y); // undefined

Doppelte Deklaration

Wiederholte Deklaration derselben Variablen in derselben Funktion oder demselben Blockbereich löst einen SyntaxError aus.

if (x) {
  let foo;
  let foo; // SyntaxError thrown.
}

Dieser Fehler wird auch in der Switch-Anweisung ausgelöst, da es sich um denselben Blockbereich handelt.

let x = 1;

switch(x) {
  case 0:
    let foo;
    break;
  case 1:
    let foo; // SyntaxError for redeclaration.
    break;
}

Es ist jedoch wichtig zu beachten, dass ein in einer Case-Klausel verschachtelter Block eine neue blockbezogene lexikalische Umgebung erstellt und keinen Fehler bei der doppelten Deklaration generiert.

let x = 1;

switch(x) {
  case 0: {
    let foo;
    break;
  }
  case 1: {
    let foo;
    break;
  }
}

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonWas bedeutet das Schlüsselwort let in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!