默认参数值

使用ES6，您可以完成JavaScript中最常见的习惯用法之一，这与为函数参数设置默认值有关。我们多年来的做法应该很熟悉：

function foo(x,y) {
 x = x || 11;
 y = y || 31;
 console.log( x + y );
}
foo(); // 42
foo( 5, 6 ); // 11
foo( 5 ); // 36
foo( null, 6 ); // 17

这种模式最常用，但当我们传递诸如

foo(0, 42)
foo( 0, 42 ); // 53 <-- Oops, not 42

为什么？因为0是假的，所以x||11的结果是11，而不是直接传入0。为了解决这个问题，有些人会更详细地填写支票，如下所示：

function foo(x,y) {
 x = (x !== undefined) ? x : 11;
 y = (y !== undefined) ? y : 31;
 console.log( x + y );
}
foo( 0, 42 ); // 42
foo( undefined, 6 ); // 17

我们现在可以检查从ES6开始添加的一个非常有用的语法，以简化对缺失参数的默认值分配：

function foo(x = 11, y = 31) {
 console.log( x + y );
}

foo(); // 42
foo( 5, 6 ); // 11
foo( 0, 42 ); // 42
foo( 5 ); // 36
foo( 5, undefined ); // 36 <-- `undefined` is missing
foo( 5, null ); // 5 <-- null coerces to `0`
foo( undefined, 6 ); // 17 <-- `undefined` is missing
foo( null, 6 ); // 6 <-- null coerces to `0`

函数声明中的x=11更像x！==未定义？x:11比更常见的成语x||11

默认值表达式

函数默认值可以不仅仅是像31这样的简单值；它们可以是任何有效的表达式，甚至是函数调用：

function bar(val) {
 console.log( "bar called!" );
 return y + val;
}
function foo(x = y + 3, z = bar( x )) {
 console.log( x, z );
}
var y = 5;
foo(); // "bar called"
 // 8 13
foo( 10 ); // "bar called"
 // 10 15
y = 6;
foo( undefined, 10 ); // 9 10

正如您所看到的，默认值表达式是延迟求值的，这意味着它们只在需要时运行，也就是说，当参数的参数被省略或未定义时。

默认值表达式甚至可以是内联函数表达式调用，通常称为立即调用函数表达式（IIFE）：

function foo( x =
 (function(v){ return v + 11; })( 31 )
) {
 console.log( x );
}
foo(); // 42

作为更新。。。使用ECMAScript 6，您最终可以在函数参数声明中设置默认值，如下所示：

function f (x, y = 7, z = 42) {
  return x + y + z
}

f(1) === 50

参考文件：http://es6-features.org/#DefaultParameterValues

如果出于某种原因，您不在ES6上，并且正在使用lodash，那么这里有一种通过_.defaultTo方法默认函数参数的简洁方法：

var fn=函数（a，b）{a=_.defaultTo（a，'Hi'）b=_.defaultTo（b，'妈妈！'）控制台日志（a，b）}fn（）//嗨，妈妈！fn（未定义，空）//嗨，妈妈！fn（NaN，NaN）//嗨，妈妈！fn（1）//1“妈妈！”fn（空，2）//高2fn（假，假）//假-假fn（0，2）//0 2<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js“></script>

如果当前值为NaN、null或undefined，将设置默认值

在ECMAScript 6中，您实际上可以编写您所拥有的内容：

function read_file(file, delete_after = false) {
  // Code
}

如果delete_after不存在或未定义，则会将其设置为false。您可以在Babel等转发器上使用像今天这样的ES6功能。

有关更多信息，请参阅MDN文章。

function helloWorld(name, symbol = '!!!') {
    name = name || 'worlds';
    console.log('hello ' + name + symbol);
}

helloWorld(); // hello worlds!!!

helloWorld('john'); // hello john!!!

helloWorld('john', '(>.<)'); // hello john(>.<)

helloWorld('john', undefined); // hello john!!!

helloWorld(undefined, undefined); // hello worlds!!!

我注意到一些回答提到，使用默认参数对其他浏览器来说是不可移植的，但可以公平地指出，对于对现代JS功能支持有限的浏览器，可以使用像Babel这样的转换器将代码转换为ES5语法。

因此：

function read_file(file, delete_after = false) {
  // Code
}

将被翻译成这样（在Babel REPL->中尝试https://babeljs.io/repl/):

"use strict";

function read_file(file) {

  var delete_after =
    arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  
  //Code...

}

当然，如果您无意使用转换，那么像其他人所演示的那样，在函数体中设置默认参数也是非常好的。