七、ES6补充

1、块级作用域

<body>
       <button>button1</button>
       <button>button2</button>
       <button>button3</button>
       <button>button4</button>
       <button>button5</button>
       <script>
       //  //1.变量作用域：变量在什么范围内是可用
       //  {
       //     var name = "why";
       //     console.log(name);
       //  }
       //  console.log(name);
       // 2. 没有块级作用域引起的问题
       // if(true){
       //     var name = "why" ;
       // }
       // console.log(name);
 
       //在ES5中，只有function才有作用域    在ES6中，let有自己的作用域
       let btns = document.getElementsByTagName("button");
       for(let i = 0 ; i<btns.length ; i++){
           btns[i].addEventListener('click',function(){
               debugger;
               console.log("点击了第"+i+"个按钮");
           })
       }
       </script>
   </body>

2、const 的使用

<body>
    <!-- 
    //注意：1. 一旦const修饰的标识符被赋值之后，不能更改
    // const dbss = 18;
    // dbss=1
 
    //注意：2. const修饰标识符，必须进行初始化赋值
    // const name;
     
    //注意：3. 常量的含义是指向的对象不能修改，但是可以该表对象的内部属性
    -->
    <script>
      const dbss = 18;
 
      const obj= {
          name:"cess",
          sex: "男"
      }
      console.log(obj);
 
      obj.name="测试改变";
      obj.sex="女";
      console.log(obj);
       
    </script>
</body>

3、对象字面增强量的写法

<script>
        //const obj = new Object();
        //下面得分写法则为字面量
        //   const obj ={};
 
        //   const obss= {
        //       name: "why",
        //       age: 28,
        //       run :function(){
        //         console.log("在奔跑");
        //       },
        //       eat :function(){
        //         console.log("在吃饭");
        //       }
        //   }
 
 
        //1. 属性的增强写法
        //   const name="why";
        //   const age= 18;
        //   const height=1.88;
 
        //ES5的写法
        //   const aa={
        //     name:name,
        //     age:age,
        //     height:height,
        //   }
 
        //ES6的写法  会将变量的名称作为key，值作为value
        // const obj={
        //     name,
        //     age,
        //     height
        // }
        // console.log(obj);
 
        //2.函数的增强写法
        //ES5的写法
        // const obj= {
        //     run : function(){
        //     },
        //     eat : function(){
        //     }
        // }
        //
        //ES6的写法
        // const obj = {
        //     run(){
        //     },
        //     eat(){
        //     }
        // }
        </script>