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


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

函数是 JavaScript 的核心组成部分之一。在 JavaScript 中,函数类似于过程——一系列执行操作或计算值的语句。但是,要使过程成为函数,它必须接受输入并产生输出,并且输入和输出之间存在明显的关联。

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

使用 OR (||) 运算符

对于一组操作数,逻辑 **OR (||)** (逻辑析取) 运算符当且仅当一个或多个操作数为真时才为真。它通常用于布尔值。当与非布尔值一起使用时,|| 运算符将返回一个非布尔值,因为它实际上返回给定操作数之一的值。

语法

以下是 **OR (||)** 运算符的语法:

expr1 || expr2

示例

在下面的示例中,我们使用 OR 运算符运行脚本以将值设置为“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 的值。

使用空值合并运算符 (??)

逻辑运算符 **空值合并 (??)** 运算符返回其左侧操作数,除非其右侧操作数为 null 或 undefined,在这种情况下,它返回其右侧操作数。

语法

以下是 **空值合并 (??)** 的语法:

leftExpr ?? rightExpr

示例

考虑以下示例,我们使用 **空值合并运算符** 运行脚本以将值设置为“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”值。

示例

执行以下脚本,并观察我们如何使用 **空值合并运算符** 将值设置为“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 值。

更新于:2023年4月21日

914 次浏览

启动您的 职业生涯

完成课程获得认证

开始学习
广告