变量声明的三个关键字var let const
var
使用var关键字声明变量会出现一些问题。
1.允许重复的变量声明,数据被覆盖
2.变量提升,闭包
3.全局变量挂载到全局对象,污染全局变量
例子
1.数据被覆盖
var a = 1;
function print(){
console.log(a)
}
var a = 2;
print();//输出2
2.闭包
function test(){
var arr = [];
for(var i = 0; i < 10; i++){
arr[i] = function(){
console.log(i);
}
}
return arr;
}
var demo = test();
for(var j = 0; j < 10; j++){
demo[j]();//输出10个10
}
3.污染全局变量
var abc = "123";
console.log(window.abc);//输出123
var console = "abc";
console.log(console)//报错console.log is not a function
let
块级作用域:代码执行时遇到花括号,会创建一个块级作用域,花括号结束,块级作用域销毁。
1.不允许在当前作用域内重复声明let
2.let声明的变量不会提升
3.let声明的变量不会被挂载到全局对象中
例子
1.不能重复声明
let a = 123;
console.log(a)
let a = 123;
let a = 456;
2.不会提升
console.log(a)
let a = 123;
3.不会挂载到全局对象上
let a = 123;
console.log(window.a)
有人可能会想,既然let不允许重复声明,那么for循环为什么可以使用let呢?
注意
其实let声明也会提升,只是它在提升后会被放入暂时性死区中,如果访问的变量位于暂时性死区,则会报错,像例子2一样。当代码运行到该变量的声明语句时,会将其从暂时性死区中解放出来。
在循环中,用let声明的循环变量,会特殊处理,每次进入循环体,都会开启一个新的作用域,并且将循环变量绑定到该作用域中。循环结束后销毁。
const常量
const和let几乎完全相同,唯一的区别就是用const声明的常量,必须在声明时赋值,并且不可以重新赋值。
注意
1.不可以重新赋值指的是常量的内存空间不能变,但是不保证内存空间中的地址指向的其他空间不变
2.命名规则:特殊的常量名全部大写,多个单词之间用下划线分割
3.for循环中,不能用const
例子
1.不可重新赋值
const a = 1;
a = 1;
console.log(a)
内存中的地址指向其他空间
const obj = {};
console.log(obj);
obj.name = "重新赋值";
console.log(obj);
2.for循环中不能使用const
for(const i = 0; i < 10; i++){
console.log(i);
}
但是在for in循环中可以
var obj = {
name:"kevin",
age:18
}
for (const prop in obj) {
console.log(prop)
}