写在VUE之前的ES6

一、较ES5的一些新增

1.内置对象扩展
①使用符号 ` 和$ ，模板字符串（类似于模板引擎中的占位符）,通过${} 把字符串引入
例1:
数组的扩展
Array.from: 把一串节点变成数组。
Array.of ：把一组零碎的数据变成数组

对象的扩展：
①当由外部数据传入对象的时候，如果键名和值名是一样的，可以省略其一。
例:

  let name = 'zhangsan';
        let age = 90;
        let obj = {
            name,
            age
        };
        console.log(obj);

控制台显示：

②object.assign();
酱多个对象合并为一个对象
例子：

 	let obj1 = {name:'zhangsan'};
        let obj2 = {age:90};
        let obj3 = {sex:'男'};
        let obj4 = {friends:'李四'};
        let obj = {};
        Object.assign(obj,obj1,obj2,obj3,obj4);
        console.log(obj);

控制台展示：

③延展操作符

	let str = "zhangsan";
        let strArr = [...str];
        console.log(strArr);

会直接将字符串按照一个个字母拆解成数组

2.形参默认设置
在以往的JS中定义使用一个函数，如果函数设置形参而使用函数的时候没有传入实参，那么会报错，因为数据未定义。这时需要额外加一个容错。
而在ES6中，可以设置默认数值防止出错。

 function test(i=10,y=10){
        console.log(i+y);
    }
    test();  

控制台输出：