ES6新增语法

一、解构赋值

1.数组的解构赋值

• 将数组中的每个元素，分别赋值给自定义的变量。

let [a,b,c] = [1,2,3];
console.log(a);
console.log(b);
console.log(c);
结果：1，2，3

2.简单对象的解构赋值

• 将对象中的键，与自己定义的键必须保持一样

let {name,age} = {
name: "wangcai",
age: "100"
}
consloe.log(name);
consloe.log(age);
结果:wangcai 100

3.复杂对象的解构赋值

• 直接上例题

let film = {
name: "战狼",
score: 9.0,
star : ["吴京"，"张翰", "卢靖姗"]，
introduce:[
{name:"吴京"，sex: "男"}
]
let {star:[a ,b, c],introduce:[{name,sex}]} = film;
console.log(b);
console.log(name);
结果：张翰  吴京

二、箭头函数

普通函数：
 function f() {  // 声明一个函数
     console.log("f...")
   }
 var g = function () {  // 函数表达式  本质是变量
     console.log("g...")
   }
 箭头函数：
 var k = ()=>{
 }
 () 用来放形参，如果只有一个形参，()可以不写。
 如果只有一个函数体{} 和return都可以不写
 如：let k = a => a+1
 a 是形参 a+1是函数体。

三、扩展运算符

1.rest 参数

• rest参数 和 arguments 相似 用来接收实参。当不确定实参的个数，或者实参比较多的时候，可以用rest参数接收。当然rest参数可以自定义。

function f(...rest) {
console.log(rest);
}
f(1,2,3,4,5);
结果：[1,2,3,4,5]

2.spread 运算符

• spread 运算符 可以将数组中的元素一个一个取出来，作为实参。

let arr [1,2,3,4,5];
function f(...args) {  //rest 参数
console.log(args)
}
f(...arr); //spread运算符
结果:[1,2,3,4,5]

未完待续…