在 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 值。
广告