前言
JavaScript中的变量是松散类型的,变量可以用来保存任何类型的数据,JavaScript为定义变量提供了3种关键字,分别是var,let和const。let和const是ECMAScript6及以后可以使用
var关键字
作用于函数作用域,可以直接定义并且不初始化,这样函数会保存一个特殊的值——undefined,例如下面这个例子
<script type="text/javascript">
var content;
alert(content);
</script>
结果:
同样可以为变量初始化,比如:
<script type="text/javascript">
var content = 10;
alert(content); //结果:10
</script>
像这样初始化变量并不会将变量content标识为数值类型,我们也同样可以改变变量的类型
<script type="text/javascript">
var content = 10;
alert(content); //结果:10
content = "hello";
alert(content); //结果:hello
</script>
var关键字的作用域为函数作用域,如果在函数内部定义一个变量是不能够在函数外部去访问这个变量的,如果在变量前面不加关键字var则证明这个变量为全局变量属于兜底对象global
<script type="text/javascript">
function test(){
var a = 6;
b = 7;
}
test();
console.log(a); //UncaughtReferenceError: a is not defined
console.log(b); //输出7
</script>
var关键字还有一个特性变量提升,变量可以定义在函数底部,但可以被函数作用域顶部调用并且不会报错,用var定义的变量会自动提升到函数作用域顶部
<script type="text/javascript">
function test(){
console.log(a);
var a = 6;
}
test(); //undefinde
</script>
上述代码等同于
<script type="text/javascript">
function test(){
var a;
console.log(a);
a = 6;
}
test(); //undefinde
</script>
let关键字
let关键字与var关键字的作用差不多,但有一个很明显的区别·,var关键字是定义在函数作用域的,而let关键字是定义在块作用域的
function test(){
if(true){
var a = "China";
console.log(a); //China
}
console.log(a); // China
}
test();
用var变量定义一个函数在外部调用没有问题,但如果用let定义的话会发生什么问题呢?
function test(){
if(true){
let a = "China";
console.log(a); //China
}
console.log(a); // UncaughtReferenceError: a is not defined
}
test();
突然发现捕获不到变量a了,所以用let定义的变量只能在方法内部调用,有些类似于其他语言的局部变量。并且let定义的变量在相同块不允许重复定义,但可以在不同的块中定义同名变量,let定义的变量不会变量提升,所以会发生暂时性死区的现象
function test(){
if(true){
console.log(a); //UncaughtReferenceError: a is not defined
let a = "China";
}
}
test();
这里console.log()方法无法访问到变量a,抛出异常
*使用var定义的全局变量会成为window对象的属性,但let在存在周期上是相同的但不会成为window的属性,并且使用var定义的变量会渗透到函数外部,比如
for(var a = 1 ; a <= 10 ; a++){
}
console.log(a); // 11
在其他语言中不可能发生的事情在var定义的变量中确确实实的发生了,但let可以完美解决这个问题
for(let a = 1 ; a <= 10 ; a++){
}
console.log(a); // UncaughtReferenceError: a is not defined
使用let定义的变量由于其作用域为块作用域完美解决了变量渗透的问题
const关键字
const关键字有些类似于其他语言中的常量,和let一样都是块作用域,但要求在定义其的同时对其进行初始化,并且使用const关键字定义的常量是不可变的,但如果const关键字定义的变量指向一个对象的话是可以对对象的属性进行修改,但不能修改对象的引用,由于其不可变特性,在迭代变量时不能使用,但可以声明一个不会被修改的变量。