JavaScript 函数中的默认参数值 [重复]

Posted 2023-02-19

【中文标题】JavaScript 函数中的默认参数值 [重复]

【英文标题】：Default argument values in JavaScript functions [duplicate]

【发布时间】：2011-09-23 02:22:54

【问题描述】：

可能重复：How do I make a default value for a parameter to a javascript function

在 php 中：

function func($a = 10, $b = 20)
  // if func() is called with no arguments $a will be 10 and $ b  will be 20

如何在 JavaScript 中做到这一点？

如果我尝试在函数参数中赋值，我会收到错误

形式参数后缺少)

【问题讨论】：

简单：其中“1”是默认值。函数 abc (arg) arg=arg===undefined?1:arg;

【参考方案1】：

在 javascript 中，您可以调用不带参数的函数（即使它有参数）。

所以你可以像这样添加默认值：

function func(a, b)
   if (typeof(a)==='undefined') a = 10;
   if (typeof(b)==='undefined') b = 20;

   //your code

然后你可以像func();一样调用它来使用默认参数。

这是一个测试：

function func(a, b)
   if (typeof(a)==='undefined') a = 10;
   if (typeof(b)==='undefined') b = 20;

   alert("A: "+a+"\nB: "+b);

//testing
func();
func(80);
func(100,200);

【讨论】：

@Aftershock == 有一些已知问题，因此最好使用===，除非== 是必要的。见***.com/questions/359494/…

奇怪的是，我觉得 Firefox 让我定义默认参数......或者至少，它肯定没有抛出语法错误。铬做到了：感谢铬！而你你@Ravan

@Ziggy：从 FF 15.0 开始，FF 确实支持默认参数。它是目前唯一这样做的浏览器，但此功能是为 ECMAScript 6 提出的 - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

范围界定怎么样？如果没有关键字 var，创建的值是否具有全局范围？

@Magnus，不，因为参数列表中存在变量意味着它是在本地定义的。即使调用者省略了参数，它也会在本地定义为undefined 类型的变量。

【参考方案2】：

ES2015 以后：

从 ES6/ES2015 开始，我们在语言规范中有默认参数。所以我们可以做一些简单的事情，比如，

function A(a, b = 4, c = 5) 

或结合ES2015 destructuring,

function B(c = c: 2, [d, e] = [3, 4]) 

详细解释，

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/default_parameters

默认函数参数允许在传递no value或undefined时使用默认值初始化形式参数。

ES2015 之前：

如果您要处理 NOT 数字、字符串、布尔值、NaN 或 null 的值，您可以简单地使用

（因此，对于您计划永远不会发送null 的对象、数组和函数，您可以使用）

param || DEFAULT_VALUE

例如，

function X(a) 
  a = a || function() ;

虽然这看起来很简单并且有点工作，但这是限制性的并且可能是反模式，因为|| 对所有虚假值（""、null、NaN、false、0 ) 太 - 这使得该方法无法将作为参数传递的虚假值分配给参数。

因此，为了仅显式处理 undefined 值，首选方法是，

function C(a, b) 
  a = typeof a === 'undefined' ? DEFAULT_VALUE_A : a;
  b = typeof b === 'undefined' ? DEFAULT_VALUE_B : b;

【讨论】：

排序...除非 a===false 则 a=默认值

默认值仅在未设置参数时使用...而不是在设置为 false 时使用 .... 这是一种错误的操作方式 .... undefined、null 和假..这三个是不同的...

如果你正在测试的变量是假的，那么这个语句将把它当作它是未定义的或空的。：function testMe(a,b) alert(a || 'fail'); testMe(false);

这不正确。 任何“falsey”值将导致设置默认值。错误值为NaN、undefined、null、0、""、false。

谢谢...编辑了答案。

【参考方案3】：

你必须检查参数是否未定义：

function func(a, b) 
    if (a === undefined) a = "default value";
    if (b === undefined) b = "default value";

还要注意，这个问题一直是answeredbefore。

【参考方案4】：

我从未在 JavaScript 中看到过这种方式。如果您想要一个带有可选参数的函数，如果参数被省略，则该函数会被分配默认值，这是一种方法：

 function(a, b) 
      if (typeof a == "undefined") 
        a = 10;
      

      if (typeof b == "undefined") 
        a = 20;
      

      alert("a: " + a + " b: " + b);
    

【参考方案5】：

function func(a, b)

  if (typeof a == 'undefined')
    a = 10;
  if (typeof b == 'undefined')
    b = 20;
  // do what you want ... for example
  alert(a + ',' + b);

简写

function func(a, b)

  a = (typeof a == 'undefined')?10:a;
  b = (typeof b == 'undefined')?20:b;

  // do what you want ... for example
  alert(a + ',' + b);

【讨论】：

你也可以使用a === undefined。

最好使用 typeof a === 'undefined' ，因为可以发生类型强制。1==true 为真 ....1===true 为假

@jtbandes，它避免了有人做了undefined = somevalue

@GabyakaG.Petrioli 无关。谁他妈会这样做？

@venimus 你永远不知道你的代码的上下文..

【参考方案6】：

您不能为函数参数添加默认值。但你可以这样做：

function tester(paramA, paramB)
 if (typeof paramA == "undefined")
   paramA = defaultValue;
 
 if (typeof paramB == "undefined")
   paramB = defaultValue;
 

【讨论】：

这不是最好的方法，因为如果没有传递参数，那么它实际上是undefined。碰巧undefined == null 返回 true。

我认为您的原始答案很好，因为 null 或 undefined 将触发默认值的解释。有时这是期望的行为。