ES6引入了`let`和`const`來聲明變量，相較于`var`有著更加靈活和安全的特性。下面我們通過實(shí)例來探討它們的用法及區(qū)別。 示例代碼演示首先，在WebStorm開發(fā)工具中新建一個(gè)名為`tes

ES6引入了`let`和`const`來聲明變量，相較于`var`有著更加靈活和安全的特性。下面我們通過實(shí)例來探討它們的用法及區(qū)別。

示例代碼演示

首先，在WebStorm開發(fā)工具中新建一個(gè)名為`test.js`的文件，并寫入以下代碼：

```javascript

{

let a 0;

var b 5;

}

console.log(b);

console.log(a);

```

運(yùn)行上述代碼后，會(huì)出現(xiàn)如下結(jié)果：`ReferenceError: a is not defined`。這是因?yàn)閌let`定義的變量`a`只在該大括號(hào)內(nèi)有效，而`var`定義的變量`b`是全局有效，所以只能成功打印`b`變量，無法獲取到`a`。

在循環(huán)中的不同表現(xiàn)

接著我們來測(cè)試在`for`循環(huán)中使用`var`和`let`的區(qū)別。完整代碼如下：

```javascript

for (let i 0; i < 3; i ) {

let i 10;

console.log(i);

}

for (var j 0; j < 3; j ) {

let j 1;

console.log(j);

}

console.log(j);

```

運(yùn)行上述代碼后，會(huì)輸出結(jié)果：`10 10 10 1 1 1`。原因在于`for`循環(huán)小括號(hào)也是一個(gè)代碼塊，其中的同名變量不會(huì)影響外部的定義。第一個(gè)`for`循環(huán)中打印的是大括號(hào)內(nèi)`let`定義的變量值，而第二個(gè)`for`循環(huán)小括號(hào)內(nèi)是`var`定義的變量，仍然可以在外部訪問到。

變量重復(fù)聲明問題

`let`變量不允許在同一作用域內(nèi)重復(fù)聲明，否則會(huì)導(dǎo)致錯(cuò)誤。例如以下代碼會(huì)報(bào)錯(cuò)：

```javascript

let a 5;

let a 10;

```

變量提升差異

`var`定義的變量存在變量提升，即可以在聲明之前使用，而`let`則不允許這樣的操作。測(cè)試代碼如下：

```javascript

console.log(b);

var b 5;

console.log(c);

let c 10;

```

運(yùn)行上述代碼后，會(huì)得到結(jié)果：`ReferenceError: b is not defined`。這是因?yàn)閌var`變量存在變量提升，但`let`不支持，必須在聲明后才能使用。

通過以上實(shí)例，我們深入了解了在ES6語法中使用`let`和`const`變量的注意事項(xiàng)和特性，合理利用它們能夠提高代碼的可讀性和安全性。