如何测试是否为函数提供了参数？

Question

我想知道，你能创建一个带有可选参数的函数吗？

例子：

function parameterTest(test)
{
   if exists(test)
   {
     alert('the parameter exists...');
   }
   else
   {
     alert('The parameter doesn\'t exist...');
   }
}

因此，如果您调用parameterTest()，那么结果将是一条消息“参数不存在...”。如果你打电话给parameterTest(true)，那么它会返回“参数存在......”。

这可能吗？

Answer 1

这是一种非常常见的模式。

您可以使用它进行测试

function parameterTest(bool) {
  if (bool !== undefined) {

然后您可以使用其中一种形式调用您的函数：

 parameterTest();
 parameterTest(someValue);

注意不要让测试频繁出错

if (!bool) {

因为您无法将未提供的值与 false、0 或 "" 区分开来。

Answer 2

function parameterTest(bool)
{
   if(typeof bool !== 'undefined')
   {
     alert('the parameter exists...');
   }
   else
   {
     alert('The parameter doesn\'t exist...');
   }
}

Answer 3

在 JavaScript 中，如果您忽略提供参数，它将默认为 undefined。

您可以在浏览器控制台中或使用JSFiddle 自己轻松地尝试一下。

你可以检查参数的存在，就像你说的那样，编写一个可以使用参数的函数。但是，JavaScript Garden（一个很好的资源）建议在大多数其他情况下远离typeof，因为它的输出几乎没有用（查看results of typeof 的表格）。

Answer 4

最好的检查方法：如果 param 不是 undefined

function parameterTest(param) {
    if (param !== undefined)
    ...

参数也可以是变量或函数名

Answer 5

function parameterTest(p) {
    if ( p === undefined)
        alert('The parameter doesn\'t exist...');
    else
        alert('the parameter exists...');
}

Answer 6

如果不存在则初始化默认值：

function loadDialog(fn, f, local, anim) {
  switch (arguments.length) {  
    case 1: f=null;
    case 2: local=false;
    case 3: anim=false;
  }
  ...
}

Answer 7

这些答案都不适合我。我需要知道是否有人使用过这个参数。如果有人调用传递undefined 的函数，我想将其视为他们使用该值作为参数。无论如何，使用一些现代 JS 解决方案非常简单：

function parameterTest(...test) {
  if (test.length) {
    return `exists`;
  } else {
    return `not exists`;
  }
}

parameterTest(123);         // exists
parameterTest(undefined);   // exists
parameterTest();            // not exists
parameterTest(window.blah); // exists

对于较旧的浏览器，您可以使用参数：

function parameterTest() {
  if (arguments.length) {
    return "exists";
  } else {
    return "not exists";
  }
}

Answer 8

null == undefined 是真的

if (arg == null){
    // arg was not passed.
}

代码示例：

var button = document.querySelector("button");

function myFunction(arg){
  if(arg == null){
    alert("argument was not passed.");
  } else {
    alert("argument " + arg + " was passed.");
  }
}

<button onclick="myFunction('foo');">click to fire function w arg</button>
<br><br>
<button onclick="myFunction();">click to fire function w/o arg</button>

Answer 9

我知道这是旧的，但这是我首选的检查方式，并为函数分配默认值：

function testParamFunction(param1, param2) {
    param1 = typeof param1 === 'undefined' ? null : param1;
    param2 = typeof param2 === 'undefined' ? 'default' : param2;

    // exit if the required parameter is not passed
    if (param1 === null) {
        console.error('Required parameter was not passed');
        return;
    }

    // param2 is not mandatory and is assigned a default value so 
    // things continue as long as param1 has a value
}