默认参数值

使用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文章。

根据语法

function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
   statements
}

您可以定义正式参数的默认值。还可以使用typeof函数检查未定义的值。

如果您想使用最新的ECMA6语法，请使用此选项：

函数myFunction（someValue=“这是默认值！”）{console.log（“someValue-->”，someValue）；}myFunction（“不是默认值”）//调用没有默认值的函数myFunction（）//使用默认值调用函数

它被称为默认函数参数。如果没有传递值或未定义，它允许使用默认值初始化形式参数。注意：它不适用于Internet Explorer或较旧的浏览器。

为了获得最大可能的兼容性，请使用以下选项：

函数myFunction（someValue）{someValue=（someValue==未定义）？“这是默认值！”：someValue；console.log（“someValue-->”，someValue）；}myFunction（“不是默认值”）//调用没有默认值的函数myFunction（）//使用默认值调用函数

这两个函数具有完全相同的行为，因为这些示例依赖于这样一个事实：如果在调用该函数时没有传递任何参数值，则参数变量将是未定义的。

从ES6/ES2015开始，默认参数在语言规范中。

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

只是起作用。

参考：默认参数-MDN

如果没有传递值或未定义，则默认函数参数允许使用默认值初始化形式参数。

在ES6中，可以通过析构函数模拟默认命名参数：

// the `= {}` below lets you call the function without any parameters
function myFor({ start = 5, end = 1, step = -1 } = {}) { // (A)
    // Use the variables `start`, `end` and `step` here
    ···
}

// sample call using an object
myFor({ start: 3, end: 0 });

// also OK
myFor();
myFor({});

ES2015之前，

有很多种方法，但这是我的首选方法——它可以让你传递任何你想要的东西，包括false或null。（空类型==“对象”）

function foo(a, b) {
  a = typeof a !== 'undefined' ? a : 42;
  b = typeof b !== 'undefined' ? b : 'default_b';
  ...
}

为了展示我的技能（lol），即使没有下面的命名参数，也可以编写上述函数：

ES5及以上

function foo() {
    a = typeof arguments[0] !== 'undefined' ? a : 42;
    b = typeof arguments[1] !== 'undefined' ? b : 'default_b';
    ...
}

ES6及以上

function foo(...rest) {
    a = typeof rest[0] !== 'undefined' ? a : 42;
    b = typeof rest[1] !== 'undefined' ? b : 'default_b';
    ...
}