在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所在的作用域
代码