# ES6（二）—— let 与 const

# let

# 解决var存在的问题

let的出现是为了解决一些var存在的问题

同名变量，不在一个作用域，互不影响

// 下面两个i，虽然名字一样，但是不在一个作用域，所以互不影响
for (let i = 0; i < 3; i++) {
	let i = 'foo'
    console.log(i) // foo
}

1
2
3
4
5

解决循环嵌套计数器命名相同混乱的问题

const arr = [1, 2, 3, 4]
for(let i = 0; i < 3; i++) {
	for(let i = 0; i < 4 ; i++) {
    	console.log(arr[i])
    }
}
// 1 2 3 4 1 2 3 4 1 2 3 4

1
2
3
4
5
6
7

解决计数器循环中有异步变量被改变的问题（解决原理：闭包）

for (var i = 0; i < 3; i++) {
	setTimeout(() => {
    	console.log(i)
    }, 0)
}
// 输出三个3

1
2
3
4
5
6

# 特点

# 1.有块级作用域

{
    let a = 1
    console.log(a)
}
console.log(a) //a is not defined

1
2
3
4
5

# 2.全局变量不能用过window（全局对象）访问

var b = 3
let c = 4
console.log(b, c) // 3,4
console.log(window.b, window.c) //3,undefined

1
2
3
4

# 3.不能重复声明变量

var b = 3
let c = 4
console.log(b, c) // 3,4

var b = 4
console.log(b) //4

let c = 5  // Identifier 'c' has already been declared c已经被声明
console.log(c)

1
2
3
4
5
6
7
8
9

# 4.不会进行变量提升

function test() {
    console.log(a)
    let a = 1
}
test() // Cannot access 'a' before initialization 不能在初始化之前调用

1
2
3
4
5

# const

# 特点

# 1.所有let的属性都有

# 2.只能定义常量，不能被修改

cosnt a = 2
a = 3 //Assignment to constant variable 类型错误

1
2

# 3.声明时必须初始化

const a //Missing initializer in const declaration  声明的时候缺少初始化
a = 2

1
2

# 为什么const定义对象，其属性可以改变，但是常量不可以?

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动，对于简单类型的数据（数值，字符串，布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。

但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针指向的内存地址是固定的，至于它指向的内存地址中保存的数据结构是不是可变的，就完全不能控制了。因此将一个对象声明为常量要小心。

# 最佳实践

不用var，主用const，遇到可变的使用let

← ES6（一）—— 作用域 ES6（三）—— 数组 →