在 JavaScript 中跳过可选函数参数

Question

您能给我指出在 JavaScript 中跳过可选参数的好方法吗？

例如，我想在这里丢弃所有 opt_ 参数：

goog.net.XhrIo.send(url, opt_callback, opt_method, opt_content, {'Cache-Control': 'no-cache'}, opt_timeoutInterval)

Answer 1

解决方案：

goog.net.XhrIo.send(url, undefined, undefined, undefined, {'Cache-Control': 'no-cache'})

您应该使用 undefined 而不是要跳过的可选参数，因为这 100% 模拟了 JavaScript 中可选参数的默认值。

小例子：

myfunc(param);

//is equivalent to

myfunc(param, undefined, undefined, undefined);

强烈推荐：如果参数很多，请使用 JSON，并且参数列表中间可以有可选参数。看看 jQuery 中是如何完成此操作的。

Answer 2

简短回答

最安全的选择是未定义，并且应该几乎无处不在。但最终，您无法欺骗被调用的函数，使其认为您确实省略了参数。

如果您发现自己倾向于使用 null 只是因为它更短，请考虑声明一个名为 _ 的变量作为 undefined 的一个很好的简写：

(function() { // First line of every script file
    "use strict";
    var _ = undefined; // For shorthand
    // ...
    aFunction(a, _, c);
    // ...
})(); // Last line of every script

详细信息

首先，知道：

• typeof undefined 计算结果为 "undefined"
• typeof null 计算结果为 "object"

所以假设一个函数采用它期望的类型的参数“数字”。如果您提供 null 作为值，则您将为其提供一个“object”。语义已关闭。¹

随着开发人员继续编写越来越健壮的 JavaScript 代码，您调用的函数显式检查参数值是否为 undefined 的可能性越来越大，而不是经典的 if (aParam) {...}。如果您继续将 null 与 undefined 互换使用，因为它们碰巧都强制转换为 false，那么您的处境就会岌岌可危。

但请注意，函数实际上可以判断参数是否确实被省略（而不是设置为 undefined）：

f(undefined); // Second param omitted
function f(a, b) {
    // Both a and b will evaluate to undefined when used in an expression
    console.log(a); // undefined
    console.log(b); // undefined
    // But...
    console.log("0" in arguments); // true
    console.log("1" in arguments); // false
}

---

脚注

1. While undefined 也不是 "number" 类型，它的全部工作就是成为一种并非真正类型的类型。这就是为什么它是未初始化变量所采用的值以及函数的默认返回值。

Answer 3

通过使用 ES6 javascript！

function myfunc(x = 1, y = 2, z = 6) {
  console.log(x);
  console.log(y);
  console.log(z);
}
myfunc(5) //Output: 5 2 6
myfunc(3, undefined, 8) //Output: 3 2 8

// Better way!

function myfunc(x = 1, y = 2, z = 6) {
  console.log(x);
  console.log(y);
  console.log(z);
}
// skip y argument using: ...[,] and it's mean to undefine
// 1 argument for ...[,] 2 arguments for ...[,,] and so on.....
myfunc(7, ...[, ], 4); //Output: 7 2 4

Answer 4

只需传递 null 作为参数值。

添加：您还可以跳过最后一个要传递实际值的后续可选参数（在这种情况下，您可以完全跳过 opt_timeoutInterval 参数）

Answer 5

还有另一种选项可以避免在每个想要跳过的参数中写入特定的未定义值。在 ES6 中，可以使用 使用数组扩展语法并将其用作函数调用的参数。如果您未指定值，则默认情况下它将被视为 undefined（请考虑到这可能比使用 undefined 值的可读性较差）。

const test = (a = 'A', b = 'B', c = 'C') => {

    console.log(`${a} / ${b} / ${c}`);

};

test();                // A / B / C
test(...[, 'X', 'Y']); // A / X / Y
test(...['X', , 'Y']); // X / B / Y
test(...[, , 'X']);    // A / B / X

出现这种情况是因为：

const array = [ , , , 'A'];

console.log(array); // [undefined, undefined, undefined, 'A']