ES6新增let，const特性及区别

Let

声明变量的一种方式 使用let声明的变量只在当前块级作用域下生效

// console.log(a);//undefined
{
var a = 10
}
console.log(a);//10  

{
let b = 10
console.log(b);
}

当我们在花括号使用var声明一个变量，在花括号外可以使用，但是在花括号内使用let声明就不能在外部使用，因为let声明的变量只在当前块级作用域下生效

let适合使用在for循环中

var btn = document.getElementsByTagName('button')
for (let i = 0; i < btn.length; i++) {
// i
btn[i].onclick = function () {
    console.log(i);
}
}

es5中使用var声明for循环中的计数i，会导致他是一个全局变量，当事件函数执行时访问的是全局中的i也就是最终结果的i，使用let声明i，就存在块级作用域的概念，导致事件函数就读取当前作用域下的变量

for (let i = 0; i < 10; i++) {
    let i = 'abc'
    console.log(i);
}

for循环中有两个作用域 一个是小括号的父级作用域，一个是花括号的子级作用域，在小括号中声明的变量和在花括号中的变量都是单独的变量

let不存在变量提升

// es5
var a = 20
function fn() {

console.log(a);//20  undefined  
if (true) {
    var a = 10
}
}
fn()//

var b = 20
function Fn() { 
if (true) {
    console.log(b);//20  报错
    let b = 10
}
}
Fn()//

let使用不允许复声明

只在当前作用域下不能重复声明

// var a=10
// var a=20
// console.log(a);
let a=20
let a=30

let声明的变量存在暂时性死区--TDZ

使用let声明的变量，会和当前作用域下绑定，就存在了tdz.

let b = 20
function Fn() {
console.log(b);//20  
if (true) {//TDZ开始

    // console.log(b);//
    let b = 50//TDZ结束

}
}
Fn()//

function Fun(arg) {//TDZ
console.log(arg);//20 报错
let arg = 10//TDZ结束
}

Fun(20)

块级作用域

let声明的变量一经声明就和当前作用域下绑定，这个作用域就是块级作用域

   {
            {
                {
                    {
                        {
                            {
                                {
                                    let a = 10
                                }
                                console.log(a);
                            }
                        }
                    }
                }
            }
        }

const

声明变量，和let基本一样，用来声明常量（不去变化的变量），

const声明的变量不能修改

---基本数据类型，而复杂的数据类型可以修改，因为变量保存的是内存地址

const a = 0
a = 20

const obj = {
    name: '123'
}

obj={
    name:'456'
}
console.log(obj);

const声明的变量不可以重复声明

const a=10
const a=20

const也存在暂时性死区

var tem = 10
if (1) {
    console.log(tem);//报错
    const tem = 20
}

const也存在块级作用域

if (1) {
const tem = 20
}
console.log(tem);//报错

const 声明变量必须初始化（必须赋值）

const a=0;
console.log(a);//0
a = 10// 报错

块级作用域，必须使用花括号，没有花括号的地方不存在块级作用域

if (true) let a=10
  if(false)  let a=(function (){console.log(1);})

var let 区别：

• let不存在变量提升
• let存在暂时性死区
• let存在块级作用域
• let不能重复声明

var const的区别：

• const不存在变量提升
• const存在暂时性死区
• lconst存在块级作用域
• const不能重复声明
• const必须初始化

const和let区别：

• const必须初始化
• const用来声明常量，let声明变量
• const声明的基本数据类型不可以修改，复杂数据类型可以更改内容，但是不能更改内存地址