ES6函数的扩展

目录

一. 变量的解构赋值

1.涵义

2.数组的解构赋值

3.对象的解构赋值 

二. 函数的扩展 

 1.函数参数的默认值

 2.rest参数

三. 箭头函数

1.用法

2.注意点 

---

一. 变量的解构赋值

1.涵义

按照一定的模式，从数组或对象中提取值，对变量进行赋值，这被称为解构（Destructruring)。

2.数组的解构赋值

• 只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值
• 允许左边变量指定默认值。右边数据结构使用严格相等运算符（===），判断一个位置是否有值，只有当其成员严格相等于undefined，默认值才会生效。

3.对象的解构赋值 

•  对象解构赋值的内部机制是，先找到同名属性，再赋值给对应的变量，真正被赋值的是后者，前者是模式。
• 对象的解构赋值可以取到继承的属性

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
//实际是下面形式的简写
let { foo: foo, bar: bar } = { foo: 'aaa', bar: 'bbb' };

二. 函数的扩展 

 1.函数参数的默认值

• 参数变量是默认声明的，所以不能用let或const再次声明
• 参数默认值是惰性求值的
• 使用参数默认值时，函数不能有同名参数
• 当函数的参数是对象时，如果不为参数设置默认值，在调用函数时不能省略该参数，否则会报错
• 定义默认值的参数，通常应该时函数的尾参数，这样实际调用该函数时才可以省略
• 函数的length属性的含义是，预期传入的参数的个数，其不会计入设置了默认值的参数及其之后的参数
• 一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域

// 参数变量默认声明
function foo(y = 5) {
  let y = 1; // error
  const y = 2; // error
}

// 设置了参数默认值，形成单独的作用域
let x = 1;

function f(y = x) {
  let x = 2;
  console.log(y);
}
f() // 1

 2.rest参数

• rest参数（形式为...变量名） ，是一个数组，可获取函数的多余参数
• rest参数后不能再有其他参数（即只能是最后一个参数），否则会报错
• 函数的length属性，不包括rest参数

三. 箭头函数

1.用法

• 使用箭头（=>）定义函数
• 如果箭头函数不需要参数或需要多个参数，就使用圆括号代表参数部分
• 如果箭头函数的代码块部分多余一条语句，就使用大括号将他们括起来

2.注意点 

• 没有自己的this对象。内部this指向箭头函数定义时的上层作用域中的this
• 不可以当作构造函数
• 不可以使用arguments，该对象在函数体内不存在