JavaScript中的var、let和const

在JavaScript中，var、let和const是三种用于声明变量的关键字，各有各的使用规则已经作用范围，且各有不同的特性。

一、var关键字

1、变量重复声明

用var声明变量，如下代码：

var x = 123;

console.log(x);    //输出 123

 在JavaScript中，可以用var重复声明变量，效果如下：

var x = 123;
var x;
console.log(x);    //输出 123
var x = 234;
console.log(x);    //输出 234 

可以看到，重复声明变量x，不会修改原值。但如果重复声明变量，并赋值，则会覆盖原值。

var 陷阱

这将产生不容易被察觉到的陷阱，陷阱一：

var x = true;

/*


这里经过了数不清行数的代码
更换了js文件
且已经不记得曾经声明过 x 变量


*/

//在新的js文件中，需要声明一个变量，并根据该变量的值，返回不同的值
var x;    
function test(){
    if(!x){
        x = true;
        console.log("这应该是预料内的结果")
    }else{
        console.log("却产生了预料之外的结果")
    }
}

test();    //输出 却产生了预料之外的结果

 在以上的场景中，并没有输出预料之中的结果，这样的错误，可能会给程序员带来相当大的调试工作量，所以用var声明变量必须要严格遵守规范，避免使用全局变量，避免用简单的无含义的字母声明变量，全局变量污染就是这么来的。

2、作用域（函数）

被var声明的变量，其作用范围属于函数作用域，即该变量会在被声明的函数内生效，函数外则无法被访问和使用，函数内的块作用域内，用var声明的变量，同样会在该函数内生效。

将用一下代码，展示var所在的作用域

代码