前言

es5 时候只有 var 定义变量,只有全局作用域和函数作用域。es6 新增 let 和 const,存在块级作用域。
这里简述一下我对于 var,let,和 const 之间的区别的个人理解。

var

var 定义的变量可以修改,如果不初始化会输出 undefined,不会报错。在全局作用下声明的变量,相当于给 window 增加了一个属性。

1
2
3
4
5
6
7
8
9
10
var a = 1
// var a;//不会报错
console.log('函数外var定义a:' + a) //可以输出a=1
function change() {
a = 4
console.log('函数内var定义a:' + a) //可以输出a=4
}
change()
console.log('函数调用后var定义a为函数内部修改值:' + a) //可以输出a=4
console.log(window.a)

const

const 定义的是一个常量,不可以重新赋值,而且必须初始化。没有变量提升,也不会给 window 增加属性。

1
2
3
4
5
const b = 2 //正确
// const b;//错误,必须初始化
console.log('函数外const定义b:' + b) //有输出值
// b = 5;
// console.log('函数外修改const定义b:' + b);//无法输出

let

let 是块级作用域,函数内部使用 let 定义后,对函数外部无影响。没有变量提升,也不会给 window 增加属性。

1
2
3
4
5
6
7
8
9
10
11
12
// console.log(c) // 报错
let c = 3
console.log('函数外let定义c:' + c) //输出c=3
// let c = 3 // 报错,不允许重复声明
function change() {
let c = 6
console.log('函数内let定义c:' + c) //输出c=6
}
change()
console.log('函数调用后let定义c不受函数内部定义影响:' + c) //输出c=3

console.log(window.a) //报错

参考资料:

《ES6 标准入门》(第 3 版) 阮一峰著