超简单ES6新增的let、const声明和字符串模板

##首先来看看ES6增加的变量的声明let和const

1. let声明的变量不会像var声明提前到顶部，let不会造成变量污染因为它不是挂载window上的let不允许重复声明这也跟var不同var重复声明会覆盖之前的值let重复声明只会报错
2. const声明的变量跟let一样不会被提升到底部，但是跟let不同的时只要声明了就必须赋值且不可改变，也不允许重复声明
3. let const的到来增加了一个新的作用域，块级作用域，以前只有全局作用域和函数作用域现在增加了一个块级作用域

        console.log(a);
        let a = 10;//let声明变量不会提前

        console.log(a);
        const a = 10;//const声明变量不会提前

        const a ;
        console.log(a);//const未赋值

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

• 每一个{}都是一个块级作用域，上面在第二块级作用域里面声明一个let a = 10第一个里面无法访问到所以会报错，但是如果在第一个里面声明第二可以访问到，是因为第二块级作用域在第一个的作用域里面
  

ES6增加的字符串模板``点点

1. 以前的字符串拼接都是+拼接，现在有``了就很方便，可以拼接变量和表达式，新增的模板使用${}进行拼接，在大括号里面需要拼接的变量

        let a = 10;
        let b = 20;
        let c = 30;
        $(".div1").append(`    
        <ul>
        <li>${a}</li>
        <li>${b}</li>
        <li>${c}</li>
        </ul>
    `)