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

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

在本文中,我们要完成的任务是在函数中将默认变量值设为 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的值。 使用Nullish合并运算符(??) 逻辑运算符,被称为Nullish合并(??)运算符,除非其右侧操作数为null或undefined,否则返回其左侧操作数,否则返回其右侧操作数。 语法 以下是Nullish合并(??)的语法-

leftExpr ?? rightExpr

示例

考虑下面的示例,我们正在使用 nullish coalescing操作符 运行脚本,将值设置为“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>

当脚本被执行时,它将在网页上生成一个包含点击按钮的输出。当用户点击按钮时,事件被触发,并显示一个数组,其中包含未定义的值。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程