学好es不用愁，一篇文章带你走！

ES6基础-新增语法

let:新增声明变量关键词
特点：1，let声明只在所处的块级有效 2，不存在变量提升 3，暂时性死区

和var的区别
使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。
示例
需求，当点击按钮的时候，显示自己的value值
（var）

 <input type="button" value="按钮1">
    <input type="button" value="按钮1">
    <input type="button" value="按钮1">
 <script>
  let btns = document.querySelectorAll('input')
        console.log(btns)
         for (var i = 0; i < btns.length; i++) {
            通过贴标签找到相应的按钮
           btns[i].idx = i;
            btns[i].onclick = function () {
                var a = this.idx//找到自己独有的标签
                alert(btns[a].value)
            }
        }
  </script>

(let)

 <input type="button" value="按钮1">
    <input type="button" value="按钮1">
    <input type="button" value="按钮1">
 <script>
  let btns = document.querySelectorAll('input')
        console.log(btns)
         for (var i = 0; i < btns.length; i++) {
            通过贴标签找到相应的按钮
           btns[i].idx = i;
            btns[i].onclick = function () {
                var a = this.idx//找到自己独有的标签
                alert(btns[a].value)
            }
        }
  </script>