JS-变量声明，作用域

目录

总结:

                  1.JS中作用域分为2种：

2.根据作用域不同，变量分为两种：

3.有一种特殊变量：

4.实在分不清楚的话，统一使用let定义变量。

详细说明：

1.作用域

(1)全局作用域

(2)函数作用域

(3)JavaScript 块作用域

(4)var和let都拥有全局作用域和函数作用域

2.重新声明变量

(1)

(2)注：

3.HTML 中的全局变量

---

总结:

 1.JS中作用域分为2种：

     ①全局作用域。函数外部或整个script有效。

     ②局部作用域。也称为函数作用域，函数内部有效。

2.根据作用域不同，变量分为两种：

     ①全局变量

     ②局部变量

3.有一种特殊变量：

     局部变量或块级变量，没有let声明直接赋值的当全局变量看，强烈不提倡！

4.实在分不清楚的话，统一使用let定义变量。

详细说明：

1.作用域

(1)全局作用域

全局（在函数之外）声明的变量拥有全局作用域。

全局变量可以在 JavaScript 程序中的任何位置访问。

(2)函数作用域

局部（函数内）声明的变量拥有函数作用域。

局部变量只能在它们被声明的函数内访问。

(3)JavaScript 块作用域

通过 var 关键词声明的变量没有块作用域。在块 {} 内声明的变量可以从块之外进行访问。

使用 let 关键词声明的变量拥有块作用域。在块 {} 内声明的变量无法从块外访问。

(4)var和let都拥有全局作用域和函数作用域

2.重新声明变量

(1)

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

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

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

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

Eg：

在for循环中，声明之前声明过的变量

使用var声明变量，该变量退出循环后发生改变

使用let声明变量，该变量只在循环中发生改变。

Var i = 7;

For ( var i = 0; i < 10; i++) {}//退出循环后i=10，var重新声明了i变量覆盖了之前的声明

For ( let i = 0; i < 10; i++) {}//退出循环后i=7，let没有重新声明i变量，let声明的

//变量只在循环中可见

(2)注：

允许在程序的任何位置使用 var 重新声明 JavaScript 变量：

在相同的作用域或在相同的块中:不允许let声明var、let声明let、var声明let。

在不同的作用域或块中：允许通过 let 重新声明变量

通过 var 声明的变量可以在声明之前就使用它。

通过 let 声明的变量不可以在声明之前就使用它，使用它会导致 ReferenceError。

3.HTML 中的全局变量

使用 JavaScript 的情况下，全局作用域是 JavaScript 环境。

在 HTML 中，全局作用域是 window 对象。

通过 var 关键词定义的全局变量属于 window 对象：

通过 let 关键词定义的全局变量不属于 window 对象：