1、var声明的变量存在变量声明提升,而let和const声明的变量不存在变量声明提升
var声明的变量存在变量声明提升,因此在声明之前访问该变量不会报错,而使用let和const会报错:
console.log(a);//undefined
// console.log(b);//报错 ReferenceError: Cannot access 'b' before initialization
console.log(c);//报错 ReferenceError: Cannot access 'c' before initialization
var a = 'hello'
let b = 10
const c = 20
2、var声明的变量可以重复声明,而let和const声明的变量不可以重复声明
var重复声明不报错,而let和const重复声明会报错:
var a = 'hello'
var a = 10
console.log(a);//10
3、var声明的变量不存在局部作用域(块级作用域),而let和const声明的变量存在块级作用域
var声明的变量不存在块级作用域,因此在外部可以访问到{}里面声明的变量,但是let和const不行:
if(true){
var a = 'hello'
let b = 10
const c = 20
}
console.log(a); //hello
console.log(b); //报错 ReferenceError: b is not defined
console.log(c); //报错 ReferenceError: c is not defined
4、var声明的变量会被挂载到window上,而let和const声明的变量不会挂载到window上
var a = 10;
let b = 20;
const c = 30;
console.log(window.a); //10
console.log(window.b); //undefined
console.log(window.c); //undefined
5、用const声明变量时,声明的时候就一定要赋值,否则报错
const a
a = 10
console.log(a); //报错 SyntaxError: Missing initializer in const declaration