深入理解let、var和const：它們代表什么含義？

在JavaScript中，我們有三種不同的變量聲明方式，即let、var和const。它們在功能和使用上有著一些區別，下面我們將深入探討它們各自的含義和用法。

示例代碼：

function foo() {
  if (true) {
    let x = 10;  // 只在if塊內可見
    console.log(x);  // 輸出10
  }
  console.log(x);  // ReferenceError: x is not defined
}

foo();

var：
在ES5中，我們使用var關鍵字聲明變量。與let不同的是，var聲明的變量是函數級作用域變量，它的作用域范圍是整個函數，而不是塊級作用域。同時，var聲明的變量具有變量提升的特性，即可以在聲明之前使用。

示例代碼：

function foo() {
  if (true) {
    var x = 10;  // 函數級作用域，整個函數可見
    console.log(x);  // 輸出10
  }
  console.log(x);  // 輸出10
}

foo();

變量提升的特性也可以在不同代碼塊內進行測試：

function foo() {
  console.log(x);  // 輸出undefined，而不是ReferenceError: x is not defined
  if (true) {
    var x = 10;  // 變量提升
  }
  console.log(x);  // 輸出10
}

foo();

const：
const用于聲明常量，表示常量的值在聲明后不可更改。一旦賦值，就不能再重新賦值。與let類似，const也具有塊級作用域，只在聲明變量的塊內可見。

示例代碼：

function foo() {
  const PI = 3.14;
  PI = 3.14159;  // TypeError: Assignment to constant variable
  console.log(PI);
}

foo();

需要注意的是，const聲明的常量是指變量的值不可更改，而不是指變量引用的對象不可更改。如果const聲明的是一個對象，那么對象的屬性可以被修改，但不能重新賦值。

示例代碼：

const obj = {x: 10};
obj.x = 20;  // 修改屬性值
console.log(obj.x);  // 輸出20

obj = {x: 30};  // TypeError: Assignment to constant variable