es6之 let、const详解

//1、 var允许重复定义变量，导致数据被覆盖
var a = 1
function test() {
    console.log(a)
}
var a = 9
test()
//闭包打印的是全局作用域的a
//2、变量的提升，怪异的数据访问，闭包问题的产生
if (Math.random() < 0.5) {
    var b = 'abc'
    console.log(b)
}else {
    console.log(b)
}
console.log(b)
//典型的闭包问题
var arr = [1,2,3,4,5,6,7,8,9]
for (let i = 0; i < arr.length; i ++) {
    (function (j) {
        setTimeout(function () {
            // 此时i的值已经是arr的长度值
            // console.log(arr[j])
        })
    }(i))

}
// 3、全局变量挂载到window上造成全局对象的污染问题
// js语言特性容易造成系统对象被覆盖造成失效
// console.log(global)
let global = 123
console.log(global)
// JavaScript中的变量提升问题解决方案 并且引入了块级作用域概念
// 块级作用域指的是代码在执行过程中遇到{}时候会创建一个新的块级作用域、在此作用域内声明的变量作用域外部不可以访问
// 1、使用let 、const来声明变量特点如下：
// let不会有变量提升，先声明后使用是原则
// let声明的变量不会挂载到全局变量上
// let声明的变量不允许在当前作用域中重复声明
// 重点知识拓展：let、const的实现还是使用了变量提升的，但是在变量提升之后会将声明的变量放置到一个叫做暂时性死区的地方
// 此时提前（未赋值时候）访问暂时性死区的变量会报错，而当代码运行到了该变量的声明语句时系统将变量从临时死区里移除 如下
// console.log(first);
// 未定义之前访问处于临时死区 报错
let first = 13
// 重点知识拓展：在循环之中用let声明的循环变量i。会做特殊处理，每循环一次都会开启一个新的块级作用域并且将循环变量
// 一一对应到各自的块级作用域中，实际上每次循坏使用的都是新的循环变量，这就是let可以解决打印出10个10的原理
// 循环中的let声明的循环变量在循环结束后会销毁，所以循环外部是无法访问到的 如下：
for (let i = 0; i < 10; i ++) {
    console.log(i)
}
 //无法读取let 声明的 i

// const和let区别
// const 声明变量时候必须同时给变量赋值否则报错，同时他的值不可以再次修改
const next = 90 ;
console.log(next)
// 这可以保证开发中变量的突变，建议开发中使用
// 开发经验：
// 开发中变量不会改变，也不可以改变，也不应该改变，开发框架中全部为第三方的js库。推荐使用const避免变量污染
// 细节：const声明的变量不可以改变指的是常量的内存空间不可以改变，并不代表内存空间之中的地址指向的其他空间不可以改变
// const test = 123;
// test = 234 改变常量的值报错
// obj是对象const常量存储的是地址，此时这个地址指向不可以改变，但是地址指向的值可以改变可以改变对象的属性
const obj = {
    name : 'taotao',
    age : 23
}
obj.name = '鞠婧祎'
console.log(obj)
// 注意：for循环中const不可使用，i的值要随时改变
// 但是在for in 循环中可以使用。遍历对象创建的是新的常量

// 总结： let 、 const + { } =>>> 块级作用域

针对const指向改变与不变的区别图示详解