JavaScript 的变量的全局作用域、局部作用域、块级作用域理解

这是我参与8月更文挑战的第14天，活动详情查看：8月更文挑战

JavaScript 变量是存储数据值的容器。 JavaScript 的变量的作用域可分为全局作用域、局部作用域、块级作用域理解。所有 JavaScript 变量必须以唯一的名称的标识。

这些唯一的名称称为标识符。

标识符可以是短名称（比如 x 和 y），或者更具描述性的名称（age、sum、totalVolume）。

构造变量名称（唯一标识符）的通用规则是：

名称可包含字母、数字、下划线和美元符号
名称必须以字母开头
名称也可以 $ 和 _ 开头（但是在本教程中我们不会这么做）
名称对大小写敏感（y 和 Y 是不同的变量）
保留字（比如 JavaScript 的关键词）无法用作变量名称

提示：JavaScript 标识符对大小写敏感。

1、全局变量

全局变量：其他任何位置使用var声明的的变量,函数除外，那么这个变量就是全局变量,全局变量可以在页面的任何位置使用。

全局变量，如果页面不关闭，那么变量所占用的内存就不会释放，就会占空间,消耗内存。

var lut = 520;
console.log(lut); // 520
复制代码

2、局部变量

局部变量：在函数内部定义的变量,是局部变量,外面不能使用。

function lut() {
  var luzp = 410;
}
lut();
console.log(luzp);  // luzp is not defined  报错
复制代码

3、块级作用域

块级作用域：一对大括号就可以看成是一块，在这块区域中定义的变量，只能在这个区域中使用，但是在js中在这个块级作用域中定义的变量，外面也能使用。
说明：js没有块级作用域,，只有函数除外。

{
  var lut = 520;
  console.log(lut); // 520
}
console.log(lut);

if(true){
  var lut = 1314;
}
console.log(lut);

for(var i = 0;i < 5; i++){
  var lut = 520;
}
console.log(lut); // 520

var i = 0;
while (i < 5){
  var lut = 1314;
  i++;
}
console.log(lut); // 1314
复制代码

4、隐式全局变量

隐式全局变量：声明的变量没有var,就叫隐式全局变量。

function lut() {

date = 410;//是隐式全局变量

}

lut();

console.log(date); // 410 函数运行结束还可以访问
复制代码

注意：

1、全局变量是不能被删除的，隐式全局变量是可以被删除的

2、定义变量使用 var 是不会被删除的，没有var是可以删除的

3、定义变量的时候尽量都使用 var

var luzp = 27;
lut = 23;
delete luzp; //把luzp删除了
delete lut; //把lut删除了
console.log(typeof luzp); // number  不能被删除
console.log(luzp+10);     // 37
console.log(typeof lut);  // undefined 可被删除
复制代码