ES6-函数的扩展

函数的参数默认值

function(p = {}) {
  console.log(p) // {}
}

• 使用参数默认值时，函数不能有同名参数。
  在函数体内，不能使用let/const再声明与参数同名的变量(不管有没有默认值)，但可以使用var声明

这是作用域问题：一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context，相当于 let声明，所以也会形成暂时性死区）。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的。

• 参数默认值不是传值的，而是每次都重新计算默认值表达式的值

  let a = 0;
  function func1(b = a + 1) {
    console.log(b);
  }
  func1() // 1
  x = 1;
  func1() // 2
  

• 默认值+解构赋值
  注意区分函数参数默认值与解构默认值

  //1. 参数 = {} ，参数默认值生效
  //2. {x, y = 5}  解构赋值生效
  function foo({x, y = 5} = {}) {
    console.log(x, y);
  }
  foo() // undefined 5
  

  // 1. 参数 = {x:0, y:0} 参数默认值为{x:0, y:0}
  // 2. {x, y} 解构没有默认值
  function m2({x, y} = { x: 0, y: 0 }) {
    return [x, y];
  }
  

• undefined可以触发默认值，但null不行

  function foo(x = 5, y = 6) {
    console.log(x, y);
  }
  foo(undefined, null) // 5 null
  

---

箭头函数

(参数) => {语句}

var f = () => {} //空函数

var f = p => p //返回p

var f = () => ({}) //返回空对象

var f = () => void console.log('没有返回值')

var f = (p, p1) => {
  console.log(p, p1)
  return [p, p1]
}

Attention！

• 在箭头函数出现之前，每个新定义的函数都有它自己的 this 值:

  1. 在构造函数的情况下是一个新对象
  2. 在严格模式的函数调用中为 undefined，
  3. 如果该函数被称为“对象方法”则为基础对象等。
  4. this对象是在运行时基于函数的执行环境绑定的；在全局函数中，this等于window；匿名函数的执行环境具有全局性。

  var a = {
   f: function(){
    console.log('func1', this)//{f:f}
    return function t(){
     console.log('inner func', this)//window
    }
   }   
  }
  

• 箭头函数不会创建自己的this,它从会从自己的作用域链的上一层继承this。(也就不能用作构造函数)

• arguments对象在函数体内不存在。如果要用，可以用 rest 参数代替。（如果能访问到，那是父级作用域中的）

var g = {
  context: 'global',
  f: function(){
    (() => console.log(this.context))()//global
  }
}
var i = {
  context: 'inner',
  f: function(){
    (function(){ console.log(this.context)})()//undefined, this->window
  }
}

---

rest参数

ES6 引入 rest 参数（形式为： “...变量名”），用于获取函数的多余参数，rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中

arguments对象不是数组，而是一个类似数组的对象。所以为了使用数组的方法，必须使用Array.prototype.slice.call先将其转为数组。rest 参数就不存在这个问题，它就是一个真正的数组，数组特有的方法都可以使用。

• rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。

• 函数的length属性，不包括 rest 参数。

// arguments变量的写法
function sortNumbers() {
  return Array.prototype.slice.call(arguments).sort();
}

// rest参数的写法
const sortNumbers = (...numbers) => numbers.sort();

---

尾调用

尾调用（Tail Call）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。
尾调用不一定出现在函数尾部，只要是最后一步操作即可(而且要 return)。
“尾调用优化”（Tail call optimization），即只保留内层函数的调用帧。如果所有函数都是尾调用，那么完全可以做到每次执行时，调用帧只有一项，这将大大节省内存。这就是“尾调用优化”的意义。

尾递归

尾调用自身，就称为尾递归。
递归非常耗费内存，因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误（stack overflow）。但对于尾递归来说，由于只存在一个调用帧，所以永远不会发生“栈溢出”错误。

ES6 的尾调用优化只在严格模式下开启，正常模式是无效的。
这是因为在正常模式下，函数内部有两个变量，可以跟踪函数的调用栈。
func.arguments：返回调用时函数的参数。
func.caller：返回调用当前函数的那个函数。
尾调用优化发生时，函数的调用栈会改写，因此上面两个变量就会失真。严格模式禁用这两个变量，所以尾调用模式仅在严格模式下生效。

尾递归优化的实现：

尾递归之所以需要优化，原因是调用栈太多，造成溢出，那么只要减少调用栈，就不会溢出。怎么做可以减少调用栈呢？就是采用“循环”换掉“递归”。

---

length/name属性

返回没有指定默认值的参数个数。也就是说，指定了默认值后，length属性将失真。

lenth属性的含义是预期传入的参数个数，某个参数有默认值之后就不再是预期传入的参数了

name属性返回该函数的函数名。如果将一个匿名函数赋值给一个变量，ES5 的name属性，会返回空字符串，而 ES6 的name属性会返回实际的函数名

Object.getOwnPropertyNames(Function)
//(3) ["length", "name", "prototype"]

---

ES2017 允许函数的最后一个参数有尾逗号（trailing comma）。