ES6-ES11新特性学习连载篇（2）

一、const定义常量

1、一定要给初始值
2、一般常量使用大写
3、常量的值不能修改
4、是块级作用域
5、对于数组和对象的元素修改，不算是对常量的修改，不会报错（虽然数组个数改变了，大指向的地址没有变）。

二、变量解构赋值（常用在对象变量上的方法的解构赋值，方便方法的调用）

const f4 = {
    name : 'xiaoyu',
    age : 'null',
    love: function(){
        console.log("我喜欢看书");
    }
}

let {name,age，love} = xiao;
cosole.log(name);
cosole.log(age);
cosole.log(love);
//调用方法方便
love();

三、模板字符串
1、声明
2、内容中可以直接出现换行符

   let str = '<ul><li>1</li><li>2</li></ul>'
   let str = `<ul>
                 <li>1</li>
                 <li>2</li>
               </ul>`;

3、变量拼接

  let love = '小羽';
  let out = `${love}是一个女生`

四、简化对象的写法
允许在大括号里边，直接写入变量和函数，作为对象的属性和方法。

demo：
let name = "小羽";
let study = function(){
    console.log("我们一起学前端，打基础");
}

const Me = {
    name,//这里简写了，不用再写成name:name
    study,
    improve(){//这里不用再写成 improve:function(){}
        console.log("一起遇见更好的自己");
    }
}
console.log(Me);

五、箭头函数

   let fn=(a,b)=>{
       return a+b
   }

特性：

1、this是静态的，this始终指向函数声明时候所在作用域的this的值。

2、不能作为构造函数实例化对象

3、不能使用 arguments 变量

4、箭头函数的简写

   1）省略小括号（只有一个参数的时候）
   2）省略花括号（当代码题只有一条语句的时候，此时return必须省略，而且语句的执行结果就是函数返回值）。