ES6解构赋值、箭头函数、剩余参数

ES6中允许从数组中提取值，按照对应的位置，对变量赋值，对象也可以实现解构

1.数组解构

<script>
        let array = [1, 2, 3];
        let [a, b, c, d, e] = array;
        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);
        console.log(e);
    </script>

2.对象解构

3.箭头函数

• 省略了return和大括号,因为函数体中只有一行代码
  
• 箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this
  
  
  
• 对象不产生作用域，say方法中的this指向window,所以箭头函数中的this指向window,输出结果为100

4.剩余参数

<script>
        const sum = (...args) => {
            let total = 0;
            args.forEach(item => {
                total += item;
            })
            return total;
        }
       console.log(sum(10, 20));
       console.log(sum(10, 20, 30));
    </script>

剩余参数和解构配合使用