默认参数值

使用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 read_file(file, delete_after = false) {
  // Code
}

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

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

def read_file(file, delete_after = false)
  # code
end

以下代码可能在这种情况下工作，包括ECMAScript 6（ES6）以及早期版本。

函数read_file（文件，删除后）{if（delete_after==未定义）delete_after=false//默认值console.log（'delete_after='，delete_after）；}read_file（'text1.txt'，true）；读取文件（'text2.txt'）；

由于语言中的默认值在调用时跳过函数的参数值时起作用，因此在JavaScript中它被分配给undefined。这种方法在编程上看起来没有吸引力，但具有向后兼容性。

未来之声

将来，您将能够将一个对象“散布”到另一个对象（目前截至2019年，Edge不支持！）-演示如何将其用于良好的默认选项，而不考虑顺序：

功能测试（选项）{var选项={//默认值url:'defaultURL'，some:“somethingDefault”，//使用输入选项覆盖…选项};var body=document.getElementsByTagName（'body'）[0]；body.innerHTML+='<br>'+options.url+'：'+options.some；}测试（）；测试（{}）；测试（｛url:'myURL'｝）；测试（{some:'somethingOfMine'）；测试（｛url:'overrideURL'，some:'andSomething'｝）；测试（｛url:'overrideURL'，一些：'andSomething'，额外：'noProblem'｝）；

MDN参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

…同时，Edge支持的是Object.assign（）（IE不支持，但我真的希望我们可以将IE留在后面：）

同样，你也可以这样做

功能测试（选项）{var options=对象分配({//默认值url:'defaultURL'，some:“somethingDefault”，}，选项）；//使用输入选项覆盖var body=document.getElementsByTagName（'body'）[0]；body.innerHTML+='<br>'+options.url+'：'+options.some；}测试（）；测试（{}）；测试（｛url:'myURL'｝）；测试（{some:'somethingOfMine'）；测试（｛url:'overrideURL'，some:'andSomething'｝）；测试（｛url:'overrideURL'，一些：'andSomething'，额外：'noProblem'｝）；

编辑：由于对常量选项的评论-在函数的其余部分使用常量选项的问题实际上并不是你不能做到这一点，而是你不能在它自己的声明中使用常量变量-你必须将输入命名调整为

function test(input_options){
   const options = {
     // defaults
     someKey:    'someDefaultValue',
     anotherKey: 'anotherDefaultValue',

     // merge-in input options
     ...input_options
   };

   // from now on use options with no problem
}

我发现像这样简单的东西个人来说更加简洁和易读。

function pick(arg, def) {
   return (typeof arg == 'undefined' ? def : arg);
}

function myFunc(x) {
  x = pick(x, 'my default');
} 

设置默认参数的另一种方法是使用参数的对象映射，而不是直接使用参数。例如

const defaultConfig = {
 category: 'Animals',
 legs: 4
};

function checkOrganism(props) {
 const category = props.category || defaultConfig.category;
 const legs = props.legs || defaultConfig.legs;
}

这样，很容易扩展参数，而不用担心参数长度不匹配。