ECMAScript6函数默认参数

语言更新时每一个新增的特性都是从千百万开发者需求里提取过来的，规范采用后能减少程序员的痛苦，带来便捷。

我们经常会这么写

function calc(x, y) {  x = x || 0;  y = y || 0;  // to do with x, y  // return x/y}

简单说就是x，y提供了一个默认值为0，不传时x, y以值0来运算。传了就以实际值计算。

又如定义一个ajax

function ajax(url, async, dataType) {  async = async !== false  dataType = dataType || 'JSON'  // ...}

自己用原生JS封装的一个简易ajax函数，url必填，async和dataType可选，即不填时默认同步请求和返回JSON格式数据。

再如定义一个矩形类

function Rectangle(width, height) {  this.width = width || 200;  this.height = height || 300;}

new时不传任何参数，也会创建一个默认宽高为200*300的矩形。

无论是calc，ajax函数还是Rectangle类，我们都需要在函数体内做默认值的处理，如果语言自身处理岂不乐哉？ ES6提供了该特性（Default Parameters），以下是用ES6新特性重写的calc，ajax，Rectangle。

function calc(x=0, y=0) {  // ...  console.log(x, y)}calc(); // 0 0calc(1, 4); // 1 4 function ajax(url, async=true, dataType="JSON") {  // ...  console.log(url, async, dataType)}ajax('../user.action'); // ../user.action true JSONajax('../user.action', false); // ../user.action false JSONajax('../user.action', false, 'XML'); // ../user.action false XML function Rectangle(width=200, height=300) {  this.width = width;  this.height = height;}var r1 = new Rectangle(); // 200*300的矩形var r2 = new Rectangle(100); // 100*300的矩形var r3 = new Rectangle(100, 500); // 100*500矩形

可以看到，ES6把默认值部分从大括号移到了小括号里，还减少了“||”运算，函数体从此瘦身了。参数默认值嘛，本来就应该在定义参数的地方，这样看起来简洁了不少。O(∩_∩)O

默认参数可以定义在任意位置，比如在中间定义一个

function ajax(url, async=true, success) {  // ...  console.log(url, async, success)}

定义了一个默认参数async，url和success是必传的，这时需要把中间的参数置为undefined

ajax('../user.action', undefined, function() {   })

注意，不要想当然的把undefined改为null，  即使 null == undefined， 传null后，函数体内的async就是null不是true了。

以下几点需要注意：

1. 定义了默认参数后，函数的length属性会减少，即有几个默认参数不包含在length的计算当中

function calc(x=0, y=0) {  // ...  console.log(x, y)}function ajax(url, async=true, dataType="JSON") {  // ...  console.log(url, async, dataType)}console.log(calc.length); // 0console.log(ajax.length); // 1