ES6-ES11新特性学习连载篇(1)

125 阅读1分钟

1、相比ES5的语法更简洁,功能更丰富。 2、框架开发应用,也是前端开发职位的要求

一、声明变量关键字let的特性 (1)变量不能重复生命(和var有区别) (2)块级作用域(作用域分为:全局,函数,eval,块级)

{
    let girl = '小羽'
}
console.log(girl) //会报错

(3)不存在变量提升

console.log(a);
var song = 'a';//不会报错

console.log(a);
let song = 'a';//会报错

(4)不影响作用域链

 {
     let name = '小羽姐';
     function fn(){
         console.log(name);
     }
     fn();
 }

二、经典案例

     <script>
         let items = document.getElementByClassName('item');
         for(let i=0;i<items.length;i++){
             items[i].style.background = 'pink';
         }
     </script>
 </body>