如何在 JavaScript 中将函数的默认变量值设置为 undefined

本文将介绍如何在函数中将默认变量值设置为 undefined。在我们开始之前，让我们了解一下 JavaScript 中的函数是什么。

函数是 JavaScript 的核心组件之一。在 JavaScript 中，函数可比作一个过程，它包含了执行某个动作或计算某个值的一系列语句。但是，如果一个过程要被视为一个函数，它必须接受一个输入并生成一个输出，且输入与输出之间必须存在明显的联系。

接下来，让我们看一下如何在函数中将默认变量值设置为 undefined。

使用 OR (||) 运算符

对于一组操作数，当并且仅当至少有一个操作数为 true 时，逻辑或（OR）（或称为逻辑析取）运算符是 true 的。它经常用于布尔值。当与非布尔值一起使用时，OR 运算符将返回一个非布尔值，因为它实际上返回给定操作数之一的值。

语法

以下是 OR（||）运算符的语法 –

expr1 || expr2

示例

在以下示例中，我们使用 OR 运算符来将 a 的值设置为 “undefined”。

<!DOCTYPE html>
<html>
   <body style="background-color:#D5F5E3">
      <button onclick=getvalue()>Click For Value</button>
      <script>
         function getvalue(){
            let a=undefined;
            let b = 22;
            a || (a = b)
            document.write("The Value of a is:" +a)
         }
      </script>
   </body>
</html>

当运行脚本时，它将在网页上生成一个按钮。如果用户单击该按钮，则会触发事件并显示 x 的值。

使用 Nullish coalescing 运算符 (??)

逻辑运算符 Nullish coalescing (??) 返回其左侧操作数，除非其右侧操作数为 null 或 undefined，在这种情况下，它返回其右侧操作数。

语法

以下是 Nullish coalescing (??)运算符的语法 –

leftExpr ?? rightExpr

示例

考虑以下示例，我们使用 Nullish coalescing 运算符将 a 的值设置为 “undefined”。

<!DOCTYPE html>
<html>
   <body>
      <script>
         let a="Benz";
         let b = undefined;
         let c = "Audi";
         a ??= c;
         b ??= c;
         document.write("The vale of a:"+a+"<br>")
         document.write("The vale of b:"+b)
      </script>
   </body>
</html>

运行上述脚本后，输出窗口将弹出，显示网页上的各个值。我们可以观察到并找出显示为 “undefined” 的值。

示例

执行下面的脚本，并观察我们如何使用 Nullish coalescing 运算符将值设置为 “undefined”。

<!DOCTYPE html>
<html>
   <body style="background-color:#E8DAEF">
      <button onclick=undefinedvalue()>Click For Values</button>
      <script>
         function undefinedvalue(){
            let array = ["RX100", 45, undefined, "Vespa", undefined]
            array.forEach((item, index)=>{
               array[index] ??= "TutorialsPoint"
            })
            document.write(JSON.stringify(array))
         }
      </script>
   </body>
</html>