JavaScript 逻辑或
+
目录在 JavaScript 中，||（逻辑或运算符）是一个非常常见但又容易被忽视的运算符。它不仅能用于条件判断，还能在日常编程中提供默认值、防止错误甚至优化代码逻辑。本文将带你全面了解 || 的用法及其相关知识。
一、逻辑或的基本用法
1. 什么是 || 运算符？
|| 是 JavaScript 的逻辑运算符之一，称为“逻辑或”。它的核心功能是返回两个值中的“真值”：
如果第一个操作数是真值，直接返回第一个操作数。如果第一个操作数是假值，返回第二个操作数。2. 什么是真值和假值？
在 JavaScript 中，以下值被认为是假值（falsy）：
false0NaNnullundefined空字符串（''）其他所有值都是真值（truthy），包括：
非零数字（如 1, -1）非空字符串（如 'hello'）对象（如 {} 或 []）3. 示例讲解
1
2
3
4
5
console.log(true || false);
console.log(false || 'hello');
console.log(0 || 42);
console.log('' || 'default');
console.log(undefined || null || 'fallback');
在这些例子中，如果第一个值是假值，|| 运算符就会返回后面的值。
二、|| 在代码中的常见应用
1. 提供默认值
最常见的用法之一是给可能为假值的变量提供一个默认值。比如，当函数的参数未传递时：
1
2
3
4
5
6
function greet(name) {
name = name || 'Guest';
console.log(`Hello, ${name}!`);
}
greet();
greet('Alice');
如果 name 是 undefined 或空字符串，那么默认值 'Guest' 会生效。
2. 防止报错
当访问一个可能不存在的对象属性时，可以通过 || 提供默认值，避免程序崩溃：
1
2
const user = { name: 'Alice' };
console.log(user.age || 'N/A');
这里 user.age 是 undefined，|| 返回了 'N/A'。
3. 短路特性优化代码
|| 的短路特性是指：一旦左侧操作数为真值，右侧操作数就不会被计算。这种特性可以用于优化代码逻辑：
1
2
3
4
5
6
7
const getData = () => {
console.log('Fetching data...');
return { key: 'value' };
};
const result = true || getData();
三、|| 和其他逻辑运算符的对比
1. || 与 &&
|| 返回第一个真值，或最后一个假值。&& 返回第一个假值，或最后一个真值。1
2
3
4
console.log(false || 'hello');
console.log(false && 'hello');
console.log('world' || 0);
console.log('world' && 0);
2. || 与三元运算符 ? :
有时可以用 || 替代简单的三元运算符：
1
2
const value = input || 'default';
const value2 = input ? input : 'default';
但需要注意，|| 的逻辑并不完全等同于三元运算符，当需要区分假值（如 0 和 false）时，三元运算符更准确。
推荐：
JavaScriptreactvue到此这篇关于JavaScript 逻辑或 || 的妙用及相关知识详解的文章就介绍到这了,更多相关js 逻辑或 || 使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
原文链接：https://blog.csdn.net/lph159/article/details/144307615
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 reterry123@163.com 进行投诉反馈，一经查实，立即处理！
相关知识
JavaScript 逻辑或
JavaScript 运算符
javascript 宠物开源
javascript 游戏 养成类
PetFlow：JavaScript宠物流应用开发指南
11.1.1 JavaScript基本语法
JavaScript操作JSON
JavaScript开发的虚拟宠物游戏
JavaScript作业
【JavaScript】13
网址: JavaScript 逻辑或 https://m.mcbbbk.com/newsview1337669.html
| 上一篇: 人工养蛇需注意的习性 |
下一篇: 2019CSP |
