JavaScript函数的默认参数(default parameter)

Posted 2020-08-10

javascript函数的默认参数(default parameter)

js函数参数的默认值都是undefined， ES5里，不支持直接在形参里写默认值。所以，要设置默认值，就要检测参数是否为undefined，按需求赋值。

function multiply(a, b) {
  b = typeof b !== 'undefined' ?  b : 1;

  return a*b;
}

multiply(5); // 5
multiply(5, 0); // 0

上面是MDN的相关例子，是比较严谨的写法。不推荐下面的写法：

function multiply(a, b) {
  b = b ?  b : 1;  // b = b || 1;

  return a*b;
}

multiply(5); // 5
multiply(5, 0); // 5

因为，在布尔类型环境中undefined, 0, "", NaN, null会被转换成 false。

进一步，还可以先利用arguments对象，再设置默认值 ：

function multiply(a) {
  var b = typeof arguments[1] !== 'undefined' ? arguments[1] : 1;

  return a*b;
}

 multiply(5); // 5
 multiply(5, 0); // 0

ES6里已经支持默认参数了，直接写就好啦：

function multiply(a, b = 1) {
  return a*b;
}

multiply(5); // 5

ES6还支持解构赋值来设置默认参数：

jQuery.ajax = function (url, {
  async = true,
  beforeSend = function () {},
  cache = true,
  complete = function () {},
  crossDomain = false,
  global = true,
   // ... more config
}) {
   // ... do stuff
};

更详细的介绍，请看阮一峰的ECMAScript 6 入门的函数的拓展。

参考文档
JS中给函数参数添加默认值