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

如何在 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>

当运行该脚本时,它将在网页上生成一个点击按钮。当用户单击该按钮时,将触发事件并显示数组以及显示为 undefined 的值。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程