对于解构赋值和箭头函数和剩余参数的一些简单理解

解构赋值

ES6中允许从数组中提取值，按照对应位置，对变量赋值

---

数组解构

对象解构

解构不成功

如果解构不成功，变量的值为undefined。

---

箭头函数

怎么定义

(参数1, 参数2, …, 参数N) => { 函数声明 }

const fn = () => {}

如果形参只有一个

单一参数 => {函数声明}

function fn (v) {

return v;

}

const fn = v => v;

没有参数的话

() => {函数声明}

如果表达式单一的话

(参数1, 参数2, …, 参数N) =>{ return 表达式; }

this指向问题

箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this

一个函数fn指向obj，this指向谁呢

箭头函数指向的小练习

这指向的什么

window下设置一个age

---

剩余参数

剩余参数语法允许我们将一个不定数量的参数表示为一个数组

用法

例子

剩余参数和解构赋值配合使用

const name=['zhangsan','lisi','wangwu'];

const [first,...ages]=name;

console.log(first);

console.log(ages);