ES6

ES6新特性

1.1 let关键字

let关键字用来声明变量，使用let声明的变量有几个特点

1. 不允许重复使用
2. 块级作用域
3. 不存在变量提升
4. 不影响作用域链

       {
            let school = '尚硅谷';
            function fn(){
                console.log(school);
            }
            fn();
        }

应用场景：以后声明变量使用 let 就对了

1.2 const关键字

const关键字用来声明常量，有几个特点

1. 一定要赋初值
2. 一般常量是用大写（潜规则）
3. 常量的值不能修改
4. 块级作用域
5. 对于数组和对象的元素修改，不算是对常量的修改，不会报错

 const TEAM = ['UZI','MXLG','Ming','Letme'];
 TEAM.push('Meiko');

注意: 对象属性修改和数组元素变化不会触发 const 错误

应用场景：声明对象类型使用 const，非对象类型声明选择 let

1.3 变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称 为解构赋值。

// 1.数组的解构赋值
    const xiao=['ss','sss','aaa'];
    let [s,d,f] = xiao;
    console.log(s);  //ss
    console.log(d);  //sss
    console.log(f);  // aaa

 

//  2.对象的解构赋值
    const people={
        name: '小明',
        age: 18,
        el: function () {
            console.log('你好啊');
        }
    }
    let {name,age,el} = people
    console.log(name); //小明
    console.log(age);  //18
    el()  //你好啊

1.4 模板字符串

模板字符串是增强版的自负床，用反引号``标识，特点：

1. 字符串可以出现换行符
2. 可以使用 $( 常量/变量 ) 形式输出变量

// 1.声明
    let str = `我也是一个字符串哦`
    console.log(str, typeof str);
    // 2.内容中可以直接换行
    let str1 = `
        <ul>
           <li>aaa</li>
           <li>bbb</li>
           <li>ccc</li>
        </ul>
    `
    // 3.变量拼接
    let lovest = '赵丽颖'
    let out = `${lovest}是我最喜欢的演员`
    console.log(out);  //赵丽颖是我最喜欢的演员

注意：当遇到字符串与变量拼接的情况使用模板字符串

1.5 简化对象写法