js中4个强大的操作符

最新推荐文章于 2024-09-19 17:48:02 发布

原创

最新推荐文章于 2024-09-19 17:48:02 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文深入探讨JavaScript中的四个强大操作符：解构赋值、扩展运算符、空值合并运算符和逻辑运算符。解构赋值简化了变量赋值；扩展运算符用于合并数组和对象；空值合并运算符提供安全的默认值；逻辑运算符在条件表达式中发挥重要作用。了解这些操作符，能提升代码质量和效率。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4个强大的操作符</title>
	</head>
	<body>
		<script type="text/javascript">
			// 1. ?? 操作符  零合并操作符 nullish coalescing运算符
			//    作用:。如果第一个参数不是null/undefined，这个运算符将返回第一个参数，否则，它将返回第二个参数。
			console.log('操作表达式 null ?? 5=====', null ? ? 5);
			console.log('操作表达式 3 ?? 5 ====', 3 ? ? 5);
			console.log('操作表达式 0 ?? 5 ====', 0 ? ? 5);
			console.log('操作表达式 0 || 5 ==== ', 0 || 5);
			// 可以看到上面结果
			// 使用 || 针对0或者负数都会显示后面的数据; 而 ?? 却不是
			// 针对不同的使用场景,我们决定是使用 ??  还是 || 
			// 譬如查询余额,传递一个不存在的储蓄账户,我们需要提示 该用户不存在
			function getMoney(money) {
				return money || 'You have no account !';
			}

			function getRealMoney(money) {
				return money ? ? 'You have no account !';
			}
			console.log(getMoney(null)); // 'You have no account !'
			console.log(getMoney(0)); //'You have no account !'
			// 这里发现0元也会提示 无账户
			// 使用 ?? 就会发现完美解决此问题
			console.log(getRealMoney(null)); // 'You hav