默认参数值

使用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

答案是肯定的。事实上，有许多语言支持默认参数。Python就是其中之一：

def(a, enter="Hello"):
   print(a+enter)

尽管由于括号的原因，这是Python 3代码，但函数中的默认参数也可以在JS中使用。

例如，在您的案例中：

函数read_file（file，deleteAfter=false）{console.log（deleteAfter）；}read_file（“test.txt”）；

但有时您实际上不需要默认参数。

您可以在函数开始后立即定义变量，如下所示：

函数read_file（文件）{var deleteAfter=false；console.log（deleteAfter）；}read_file（“test.txt”）；

在我的两个示例中，它都返回相同的结果。但有时它们确实会有用，比如在非常先进的项目中。

因此，总之，可以在JS中使用默认参数值。但这与在函数开始后定义变量几乎是一样的。然而，有时它们仍然非常有用。正如您可能注意到的那样，默认参数值比在函数开始后定义参数的标准方法少1行代码。

编辑：这非常重要！这在IE中不起作用。请参阅文档。因此，对于IE，您必须使用“在函数顶部定义变量”方法。默认参数在IE中不起作用。

作为一名长期的C++开发人员（web开发新手：），当我第一次遇到这种情况时，我在函数定义中进行了参数赋值，就像问题中提到的那样，如下所示。

function myfunc(a,b=10)

但要注意，它在不同浏览器之间并不一致。对我来说，它在我的桌面上运行，但在android上不运行。更安全的选择，正如上面提到的那样-

    function myfunc(a,b)
    {
    if (typeof(b)==='undefined') b = 10;
......
    }

这个答案的意图不是重复其他人已经提到的相同解决方案，而是告知函数定义中的参数分配可能在某些浏览器上有效，但不要依赖它。

是的，ES6完全支持使用默认参数：

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

or

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

但在ES5之前，您可以轻松做到这一点：

function read_file(file, delete_after) {
  var df = delete_after || false;
  // Code
}

这意味着如果值存在，则使用该值，否则，在执行相同操作的||操作之后使用第二个值。。。

注意：如果你将一个值传递给ES6，它们之间也有很大的区别，即使值是假的，也会被新值替换，比如null或“”。。。但是ES5只有在传递的值为真时才会被替换，这是因为工作方式。。。

这个解决方案在js中很适用：

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

function read_file(file, delete_after) {
    delete_after = delete_after || "my default here";
    //rest of code
}

如果delete_after的值不是假值，则将其赋值给delete_aafter，否则将赋值字符串“我的默认值”。有关更多详细信息，请查看DougCrockford的语言调查，并查看操作员部分。

如果要传入假值，即false、null、undefined、0或“”，则此方法不起作用。如果需要传入假值，则需要使用Tom Ritter的答案中的方法。

当处理函数的多个参数时，允许使用者在对象中传递参数参数，然后将这些值与包含函数默认值的对象合并通常是有用的

function read_file(values) {
    values = merge({ 
        delete_after : "my default here"
    }, values || {});

    // rest of code
}

// simple implementation based on $.extend() from jQuery
function merge() {
    var obj, name, copy,
        target = arguments[0] || {},
        i = 1,
        length = arguments.length;

    for (; i < length; i++) {
        if ((obj = arguments[i]) != null) {
            for (name in obj) {
                copy = obj[name];

                if (target === copy) {
                    continue;
                }
                else if (copy !== undefined) {
                    target[name] = copy;
                }
            }
        }
    }

    return target;
};

使用

// will use the default delete_after value
read_file({ file: "my file" }); 

// will override default delete_after value
read_file({ file: "my file", delete_after: "my value" });