基本用法

在学习ES6之前，不能直接为函数参数指定默认值，只能采取变通的方法。如下：

       function gets(x,y){y = y || 0;console.log(x,y);} gets(2); //2 0gets(2,2); //2 2gets(2,) //2 0

上面代码的缺点是如果我给第二个参数赋值为空的话，第二个参数 y 却被改为了默认值。
为了避免这种情况，通常需要检测参数 ｙ 是否被赋值了，如果没有，在等于默认值。

if(typeof y === 'undefined'){y = 0;
}

ES6中就出现了简洁的方法来实现同样的功能，ES允许为函数参数设置默认值，即直接写在参数定义的后面。

       function gets(x,y = 0){console.log(x,y);} gets(2); //2 0gets(2,2); //2 2gets(2,) //2 0

ES6的写法比之前简单多了。
这样写的好处是：

• 可以立刻意识到哪些参数是可以省略的，不用查看函数体或文档；
• 有利于将来的代码优化，即使未来的版本在对外接口中，彻底拿掉这个参数，也不会导致以前的代码无法运行。

但是要注意：函数参数指定默认值的时候，参数默认值的位置最好应该是给最后一个参数指定默认值。而且参数变量是默认声明的，所以不能用let或者const再次声明。

 function foo(x = 5) {let x = 1; // errorconst x = 2; // error}

与解构赋值默认值结合使用

例如：

function foo({x, y = 5}) {console.log(x, y);
}foo({}) // undefined 5
foo({x: 1}) // 1 5
foo({x: 1, y: 2}) // 1 2
foo() // TypeError: Cannot read property 'x' of undefined

第四次调用的时候参数不是对象的形式，解构赋值不成功报错。

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

上面代码指定，如果没有提供参数，函数foo的参数默认为一个空对象。

// 写法一
function m1({x = 0, y = 0} = {}) {return [x, y];
}// 写法二
function m2({x, y} = { x: 0, y: 0 }) {return [x, y];
}
// 函数没有参数的情况
m1() // [0, 0]
m2() // [0, 0]// x 和 y 都有值的情况
m1({x: 3, y: 8}) // [3, 8]
m2({x: 3, y: 8}) // [3, 8]// x 有值，y 无值的情况
m1({x: 3}) // [3, 0]
m2({x: 3}) // [3, undefined]// x 和 y 都无值的情况
m1({}) // [0, 0];
m2({}) // [undefined, undefined]m1({z: 3}) // [0, 0]
m2({z: 3}) // [undefined, undefined]

上面两种写法都对函数的参数设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；写法二函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值。

函数的 length 属性

ES6中指定了函数默认值的话，函数的 length 属性将返回没有指定默认值的参数个数，意思就是指定了默认值以后，其 length 将会失真。
例如：

    function fon(x,y,z = 1){}console.log(fon.length)  //2

作用域

给函数参数设置默认值，函数在进行声明初始化时，参数会形成一个单独的作用域，等初始化结束后这个作用域自动消失。

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

上面代码中，参数y的默认值等于变量x。调用函数f时，参数形成一个单独的作用域。在这个作用域里面，默认值变量x指向第一个参数x，而不是全局变量x，所以输出是2。

应用

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

function throws() {throw new Error('Missing parameter');
}function foo(element = throws()) {return element;
}foo()
// Error: Missing parameter

• 可以将参数默认值设为 undefined ，表明这个参数是可以省略的。

function foo(optional = undefined) { ··· }