如果您是 JavaScript 新手，您可能會遇到令人困惑的情況，即變數似乎未定義或意外彈出 ReferenceError 等錯誤。這通常可以追溯到一個稱為提升的概念。但是什麼是提升，它如何影響您的程式碼？

在本指南中，我們將詳細介紹提升的概念及其在 JavaScript 中的工作原理。最後，您將了解為什麼會發生提升以及如何避免常見錯誤。

什麼是提升？
提升是 JavaScript 在程式碼運行之前將變數和函數宣告移到其作用域頂部的行為。這意味著在實際執行程式碼之前的準備階段會處理聲明（而不是賦值）。

JavaScript 首先經歷創建階段，為變數和函數分配記憶體。然而，它處理函數和變數的方式略有不同。

函數提升：完全提升定義
使用 function 關鍵字聲明的函數將以其完整定義進行提升。這允許您在程式碼中實際聲明之前調用或使用函數。

例如：

sum(5, 3); // Output: 8

function sum(a, b) {
  console.log(a   b);
}

即使 sum() 函數在程式碼中聲明之前被調用，它也能完美工作，因為函數聲明在創建階段被提升到其作用域的頂部。

變數提升：var、let 和 const
變數提升的行為與函數提升不同，並且根據您是否使用 var、let 或 const 而有所不同。

1. var 聲明
當您使用 var 宣告變數時，該變數會被提升到其作用域的頂部，預設值為 undefined。這意味著您可以在宣告變數之前存取該變量，但在為其賦值之前，該變數將保持未定義狀態。

console.log(city); // Output: undefined
var city = "New York";
console.log(city); // Output: "New York"

在此範例中，city 最初被提升為 undefined 值。一旦分配了值“New York”，第二個 console.log() 就會正確輸出“New York”。

2. let 和 const 聲明
使用let和const，變數也會被提升，但它們仍然未初始化。這意味著如果您嘗試在聲明之前訪問它們，您將收到 ReferenceError。

console.log(name); // ReferenceError: Cannot access 'name' before initialization
let name = "John Doe";

發生此錯誤的原因是 let 和 const 變數存在於其作用域開始點和實際宣告點之間的臨時死區 (TDZ) 中。在此期間，您無法引用該變數。

let 與 const 之間的主要差異
let 和 const 在提升方面的行為類似，但 const 要求您在聲明期間賦值，而 let 允許您聲明變數而不立即賦值。

const name = "John Doe"; // Must be initialized
let age; // Can be declared without assignment

吊掛實務
讓我們來看一個演示函數和變數提升實際效果的範例：

console.log(city); // Output: undefined
sum(3, 4);    // Output: 7

function sum(x, y) {
  console.log(x   y);
}

var city = "New York";
console.log(city); // Output: "New York"

這裡，sum 函數以其完整定義被提升，因此可以在宣告函數之前呼叫它。然而，城市被提升為 undefined 值，這解釋了為什麼第一個 console.log() 輸出 undefined。一旦分配發生，第二個console.log()輸出正確的值。

避免吊掛陷阱的技巧
為避免提升所引起的問題，請遵循以下最佳實務：

1. - 使用 let 和 const 而不是 var 以避免在宣告之前存取變數。
2. - 在其作用域的頂部宣告變數和函數，以確保程式碼的行為可預測。

關鍵吊掛概念回顧

• 提升是指 JavaScript 在程式碼運行之前將聲明移至其作用域頂部的行為。
• 使用 function 宣告的函數會以其完整定義進行提升，從而允許在宣告之前使用它們。
• 用 var 宣告的變數被提升為預設值 undefined，而用 let 和 const 宣告的變數保持未初始化狀態，如果在宣告之前訪問，則會導致 ReferenceError。
• 臨時死區 (TDZ) 適用於 let 和 const，防止它們在初始化之前被存取。

透過了解提升，您可以避免 JavaScript 中的常見問題並編寫更可預測的程式碼。透過練習，這些概念將成為第二天性。