如何在 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 的值。