js中let跟var的區別

let 和 var 宣告變數的主要差異是作用域：let 宣告的變數僅在宣告所在區塊層級作用域內可見，而 var 宣告的變數則具有全域或函數作用域。此外，let 不允許重新聲明，但允許重新賦值；var 允許重新聲明和賦值。

let 與var 的區別

let 和var 是JavaScript 中宣告變數的兩個關鍵字，它們在作用域、提升和重新宣告方面具有以下關鍵差異：

作用域

• var: var 宣告的變數具有全域作用域或函數作用域，取決於聲明的位置。
• let: let 宣告的變數僅在宣告所在的區塊層級作用域（花括號）內可見。

提升

• var: var 宣告的變數在執行程式碼之前會被提升到函數或全域作用域的頂部。
• let: let 宣告的變數不會被提升，它們只在宣告所在的作用域內可用。

重新宣告

• var: var 宣告的變數可以在相同作用域中重新聲明，並且會覆寫先前的聲明。
• let: let 宣告的變數不能在同一作用域中重新聲明，這會引發錯誤。

其他區別

除了上述主要差異外，let 和var 還有以下其他差異：

• 重新賦值: let 宣告的變數可以重新賦值，而var 宣告的變數可以重新賦值和重新宣告。
• 初始值: let 宣告的變數必須在宣告時初始化，而 var 宣告的變數可以不初始化，預設為 undefined。

範例

<code class="javascript">// 使用 var
function example1() {
  var x = 10;
  if (true) {
    var x = 20; // 重新声明和重新赋值
    console.log(x); // 输出: 20
  }
  console.log(x); // 输出: 20
}

// 使用 let
function example2() {
  let y = 10;
  if (true) {
    let y = 20; // 重新赋值
    console.log(y); // 输出: 20
  }
  console.log(y); // 输出: 10
}</code>

如例所示，var 允許在同一作用域中重新宣告和重新賦值變量，而 let 僅允許重新賦值。

以上是js中let跟var的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！