JavaScript 块作用域

 

通过 var 关键词声明的变量没有块作用域。

 

在块 {} 内声明的变量可以从块之外进行访问。

 

实例

 

{ 

 

  var x = 10; 

 

}

 

// 此处可以使用 x

 

在 ES2015 之前，JavaScript 是没有块作用域的。

 

可以使用 let 关键词声明拥有块作用域的变量。

 

在块 {} 内声明的变量无法从块外访问：

 

实例

 

{ 

 

  let x = 10;

 

}

 

// 此处不可以使用 x

 

重新声明变量

 

使用 var 关键字重新声明变量会带来问题。

 

在块中重新声明变量也将重新声明块外的变量：

 

实例

 

var x = 10;

 

// 此处 x 为 10

 

{ 

 

  var x = 6;

 

  // 此处 x 为 6

 

}

 

// 此处 x 为 6

 

亲自试一试

 

使用 let 关键字重新声明变量可以解决这个问题。

 

在块中重新声明变量不会重新声明块外的变量：

 

实例

 

var x = 10;

 

// 此处 x 为 10

 

{ 

 

  let x = 6;

 

  // 此处 x 为 6

 

}

 

// 此处 x 为 10