ES6 let const 变量的解构赋值 模板字符串 简化对象写法 箭头函数 rest spread

关键字

let 关键字

1.变量不能重复声明
let star = ‘罗志祥’;
let star = ‘小猪’;
2. 块级作用域 全局 函数 eval

{
let girl = ‘tom’;
}
3. 不存在变量提升
console.log(song);
let song = ‘你好’
4. 不影响作用域链

{
   
            let school = '大学';

            function fn() {
   
                console.log(school);
            }
            fn();
        }

let 实例
在 每一次的for 循环中 let 绑定一个 事件 春块级作用域

 let items = document.getElementsByClassName('item');

        //遍历并绑定事件
        for (let i = 0; i < items.length; i++) {
   
            items[i].onclick = function() {
   
                items[i].style.background = 'pink'
            }
        }

const 关键字

1 一定要赋初始值
2 一般常量使用大写
3. 常量的值不能修改

4 块级作用域
    5 . 对于数组和对象的元素修改,不算做对常量的修改 不会报错

const TEAM = ['uzi', 'mlxg'];
        TEAM.push('daye')
        console.log(TEAM);

变量的解构赋值

ES6 允许按照一定模式从数组和对象中提取值, 对变量进行赋值。
频繁的使用对象方法 数组元素 就可以使用解构赋值形式
这被称为解构赋值
数组的解构

const F4 = ['小沈阳', '刘能', '赵四', '宋小宝'];
        let [xiao, liu, zhao, song] = F4
        console.log(xiao);
        console.log(liu)