在jquery中，let是一個聲明變量的關鍵字，let關鍵字允許聲明一個作用域被限制在塊作用域中的變量、語句或者表達式。let聲明的變量不會在作用域中被提升，它是在編譯時才初始化；let不會在全局聲明時（在最頂層的作用域）創建window對象的屬性。

本教程操作環境：windows7系統、jquery3.6.0版本、Dell G3電腦。

在jquery中，let是一個聲明變量的關鍵字。

let關鍵字聲明一個塊級作用域的局部變量，并可以初始化為一個值（可選）。語法：

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

參數

• nameN：要聲明的一個或多個變量的名稱，必須是合法的標識符。

• valueN：可選，規定變量的初始值，可以是任意合法的表達式。

示例：

let x = 1;  if (x === 1) {   let x = 2;    console.log(x);   // expected output: 2 }  console.log(x); // expected output: 1

說明：

let 允許你聲明一個作用域被限制在塊作用域中的變量、語句或者表達式。與 var 關鍵字不同的是，var 聲明的變量作用域是全局或者整個函數塊的。 var 和 let 的另一個重要區別，let 聲明的變量不會在作用域中被提升，它是在編譯時才初始化（參考下面的暫時性死區）。

就像 const 一樣，let 不會在全局聲明時（在最頂層的作用域）創建 window 對象的屬性。

可以從這里了解我們為什么使用 let。

通過在使用 let 變量的作用域頂部聲明它們，可以避免很多問題，但這樣做可能會影響可讀性。

與 var 不同的是，let 只是開始聲明，而非一個完整的表達式。這意味著你不能將單獨的 let 聲明作為一個代碼塊的主體（這是有道理的，因為聲明的變量無法被訪問）。

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

作用域規則

let 聲明的變量作用域只在其聲明的塊或子塊內部，這一點，與 var 相似。二者之間最主要的區別在于 var 聲明的變量的作用域是整個封閉函數。

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();

在全局作用域中，let 和 var 不一樣，它不會在全局對象上創建屬性。例如：

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

重復聲明

在同一個函數或塊作用域中重復聲明同一個變量會拋出 SyntaxError。

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

在 switch 語句中也會觸發這個錯誤，因為它是同一個塊作用域。

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

然而，需要特別指出的是，一個嵌套在 case 子句中的塊會創建一個新的塊作用域的詞法環境，就不會產生上訴重復聲明的錯誤。

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

【推薦學習：jQuery視頻教程、web前端視頻】