变量声明

发布于 2017年7月9日

声明变量 var let const 的区别

声明变量 var let const 的区别。最近 ES6 越来越流行，于是研究了一下新的变量声明的区别，它们除了作用域外，更明显的是不能被重新声明，可以防止重复声明导致的各种莫名其妙的错误。

注：花括号包含的范围即为块级作用域

变量(var)语句声明了一个变量，可选地将其初始化为一个值。 let 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。常量(const)是块级作用域，很像使用 let 语句定义的变量。常量的值不能通过重新赋值来改变，并且不能重新声明。

非声明变量只有在执行赋值操作的时候才会被创建。常量要求一个初始值。

var a // undefined
let b // undefined
const c // 报错
d // 报错

var e 
var e // undefined

let f;
let f // 报错

const g = 1
const g = 1// 报错

h = 1
h = 1
// 非声明变量不存在重新声明，第一次为非声明变量，第二次为赋值

var i = 1
i = 2
console.log(i) // 2

let j = 1
j = 2
console.log(j) // 2

const k = 1
k = 2 // 报错

l = 1
l = 2
console.log(l) // 2

声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的。

可以理解为 var 在函数内部时，声明位置上下文为函数，否则为全局。

var m = 1
!function() {
console.log(m) // undefined
var m = 2;
console.log(m) // 2
}()
console.log(m) // 1

let、const 的作用域在花括号范围之内，包括 function()、for、if等。

let n = 1,tmp = [1]
for( i in tmp ) {
let n = 2;
console.log(n); // 循环中为 2
}
console.log(n); //1

const o = 1;
if (1){
const o = 3;
console.log(o) // 条件语句中 3
}
console.log(o) // 1

MDN 的例子：

bla = 2
var bla;
// ...

// 可以理解为：

var bla;
bla = 2;

实践：

console.log(o);
var o;
// undefined 不会报错

console.log(p);
let p;
// 报错

console.log(q);
const q = 5;
// 报错

console.log(r);
r = 5;
// 报错

声明变量是它所在上下文环境的不可配置属性（non-configurable property），非声明变量是可配置的（例如非声明变量可以被删除）。

var, let以及const创建的不可设置的属性不能被delete操作删除。

参考：