为 JavaScript 函数设置默认参数值

javascript function arguments parameters default-parameters

2022-08-29 21:52:45

我希望JavaScript函数具有可选参数，我设置了默认值，如果未定义值，则使用该参数（如果传递值，则忽略该参数）。在 Ruby 中，你可以这样做：

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

这在 JavaScript 中有效吗？

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

答案 1

从 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之前，

有很多方法，但这是我的首选方法 - 它可以让你传入任何你想要的东西，包括假或空。(typeof null == "object")

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

答案 2

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

如果它不是 falsey 值，则将其赋值，否则它将赋值字符串。有关更多详细信息，请查看Doug Crockford对该语言的调查，并查看有关运算符的部分。delete_afterdelete_after"my default here"

如果要传入 falsey 值，即、、或，则此方法不起作用。如果你要求传入 falsey 值，则需要使用 Tom Ritter 的答案中的方法。falsenullundefined0""

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

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" });