函数的扩展

1、函数参数的默认值

函数的length属性

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

(function (a) {}).length //1
(function (a=5) {}).length //0
(function (a,b,c =5){}).length //2

上面代码中，length属性的返回值，等于函数的参数个数减去指定了默认值的参数个数。
比如上面最后一个函数，定义了3个参数，其中有一个参数c指定了默认值，因此length属性等于3-1=2.
如果设置了默认值的参数不是尾参数，那么length属性也不再计入后面的参数：

(function (a=0,b,c){}).length //0
(function (a,b=1,c){}).length //1

作用域

一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的。

var x=1;

function f(x,y=x){
    console.log(y);
}
f(2)//2
//上面代码中，参数y的默认值等于变量x。调用函数f的时候，参数形成了一个单独的作用域。
//在这个作用域里面，默认值变量x指向第一个参数x，而不是全局变量x

let x=1;
function f(y=x){
    let x=2;
    console.log(y);
}
f()//1
//函数f调用时，参数y=x形成一个单独的作用域。在这个作用域里面，变量x本身没有定义，所以指向外层的全局变量x。
//函数调用时，函数体内部的局部变量x影响不到默认值变量x。

function f(y=x){
    let x=2;
    console.log(y);
}
f()//ReferenceError: x is not defined
//全局变量x不存在就会报错

var x=1;
function foo(x=x){
    //...
}
foo() //ReferenceError: x is not defined
//参数x=x形成一个单独作用域。实际执行的是let x=x，由于暂时性死区的原因，这行代码会报错“x 未定义”

如果参数的默认值是一个函数，该函数的作用域也遵守这个规则：

let foo = 'outer';

function bar(func =() => foo){
    let foo = 'inner';
    console.log(func());
}
bar(); //outer

上面代码中，函数bar的参数func的默认值是一个匿名函数，返回值为变量foo。函数参数形成的单独作用域里面，并没有定义变量foo，所以foo指向外层的全局变量foo

下面是一个更复杂的例子：

var x=1;
function foo(x,y=function(){x=2;}){
    var x=3;
    y();
    console.log(x)
}
foo() //3
x //1

//上面代码中函数foo的参数形成一个单独作用域
//这个作用域里面，首先声明了变量x，然后声明了变量y。y的默认值是一个匿名函数，这个匿名函数内部的变量x指向同一个作用域的第一个参数x。
//函数foo内部又声明了一个内部变量x，该变量与第一个参数x由于不是同一个作用域，所以不是同一个变量，因此执行y后，内部变量x和外部全局变量x的值没变

//如果将var x=3的var取出，函数foo的内部变量x就指向第一个参数x，与匿名函数内部的x是一致的。而外层的全局变量x依然不受影响

var x=1;
function foo(x,y=function(){x=2;}){
    x=3;
    y();
    console.log(x);
}
foo() //2
x //1

应用

利用参数默认值可以指定某一个参数不得省略，如果省略就抛出一个错误：

function throwIfMissing() {
  throw new Error('Missing parameter');
}

function foo(mustBeProvided = throwIfMissing()) {
  return mustBeProvided;
}

foo()

上面代码的foo函数如果调用的时候没有参数，就会调用默认值throwIfMissing函数，从而抛出一个错误