var
1.变量声明提升
2.可重复定义
3.全局变量会被挂载到window上(我们有可能声明的变量和window上的某一个属性一样,比如name)
let
1.与var的相反:没有变量声明提升;不能重复定义;全局变量不会被挂载到window上
2.声明的变量和{}配合产生的块级作用域,生在在括号内部的变量无法在外部使用
(比如: if{…}, for(…) {…}, while(…) {…}等)
//不太恰当的例子,一般是不会这样写代码的,这里为了更好的理解
{
var a = 10;
}
console.log(a);//10(结果)
{
let b = 10;
}
console.log(b);//Uncaught ReferenceError: b is not defined(结果)
3.产生临时死区
let a = 10;
if (true) {
// 在这地方之下
console.log(a);//Uncaught ReferenceError: Cannot access 'a' before initialization(报错)
// 在这地方之上
let a = 20;
console.log(a);
}
const
1.初始化的时候必须赋值,不然会报错;其存储空间不可以被改变
这里的存储空间你会怎么理解呢?我们看看下面的图和代码吧
const obj = {
name: 'hfq',
age: 18
}
console.log(obj);//{name: "hfq", age: 18}(结果)
obj.name = '你们好帅';
console.log(obj);//{name: "你们好帅", age: 18}(结果)
obj = {};//Uncaught TypeError: Assignment to constant variable.(结果,报错
2.其余和let一样