ES6 逐点突破系列 -- 变量声明

ES6 逐点突破系列 – 变量声明

ES6系列

ES6 逐点突破系列 – 变量的解构赋值

let声明变量，const声明常量

var 和 let 、const的区别

1. 作用域
   let 和 const 是块级作用域，仅在整个大括号内可见
   var 只有全局作用域和函数作用域

为什么需要块级作用域？
1.内层变量可能会覆盖外层变量。
2.用来计数的循环变量泄露为全局变量。
经典异步+var面试题

for (var i = 0; i < 5; i++) {
	setTimeout(function(){
		console.log(i)	// 5,5,5,5,5
	},1000)
}
console.log(i) // 5

for (let i = 0; i < 5; i++) {
	setTimeout(function(){
		console.log(i) // 0,1,2,3,4
	},1000)
}
console.log(i) // undefined

2. 变量提升
   var 存在变量提升，未声明使用默认值undefined
   let、const未声明会提示ReferenceError

console.log(a)  //undefined
var a = 1

console.log(a)//Uncaught ReferenceError: a is not defined
let a = 1

3. 重复声明
   var 允许重复声明
   let、const不允许在相同作用域重复声明

let a
let a//Uncaught SyntaxError: Identifier 'a' has already been declared

4. 全局对象属性
   let、const声明的全局变量不属于全局对象的属性

let a = 0
console.log(this.a)  //undefiend

暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

var tmp = 123;
if (true) {
	tmp = 'abc'	//ReferenceError
	let tmp
}

变量x使用let命令声明，但在声明之前，运行 typeof 会抛出一个 ReferenceError.
而如果一个变量根本没有被声明，使用 typeof 反而不会报错。

const定义常量

//以下内容引自阮一峰老师《ECMAScript 6入门》

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。
如果真的想将对象冻结，应该使用Object.freeze方法。

上面代码中，常量foo指向一个冻结的对象，所以添加新属性不起作用，严格模式时还会报错。
除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。