JavaScript的逻辑运算符和对象字面量是日常开发中最常用的语法元素，逻辑运算符不仅用于布尔值判断，还能实现简洁的条件赋值逻辑，对象字面量则是创建对象最直观的方式，二者的结合场景在实际代码中非常常见。
JavaScript逻辑运算符基础规则
JavaScript中的逻辑运算符包含&&（逻辑与）、||（逻辑或）、!（逻辑非）三种，其中前两种属于二元运算符，最后一种属于一元运算符。
逻辑与（&&）的执行逻辑
逻辑与运算符会从左到右依次判断操作数，如果左侧操作数转换为布尔值后为false，则直接返回左侧操作数，不再执行右侧表达式，这就是短路求值特性。如果左侧为true，则返回右侧操作数。
// 逻辑与短路示例 let a = 0; let b = 10; // 左侧a为0，转布尔值为false，直接返回a，不会执行b++，b仍为10 let result1 = a && b++; console.log(result1); // 0 console.log(b); // 10 let c = 5; let d = 20; // 左侧c为5，转布尔值为true，返回右侧d++，先返回d的值再自增 let result2 = c && d++; console.log(result2); // 20 console.log(d); // 21
逻辑或（||）的执行逻辑
逻辑或运算符同样是短路求值，从左到右判断，如果左侧操作数转换为布尔值后为true，则直接返回左侧操作数，不再执行右侧表达式。如果左侧为false，则返回右侧操作数。
// 逻辑或短路示例 let e = ''; let f = 'default'; // 左侧e为空字符串，转布尔值为false，返回右侧f let result3 = e || f; console.log(result3); // default let g = 'hello'; let h = 'world'; // 左侧g转布尔值为true，直接返回g，h++不会执行 let result4 = g || h++; console.log(result4); // hello console.log(h); // world
逻辑非（!）的执行逻辑
逻辑非运算符会将操作数转换为布尔值后取反，返回的结果是标准的布尔值true或者false。如果需要将任意值转换为布尔值，可以使用两次逻辑非!!。
// 逻辑非示例
console.log(!0); // true，0转布尔值为false，取反为true
console.log(!'test'); // false，非空字符串转布尔值为true，取反为false
console.log(!!{}); // true，对象转布尔值为true
对象字面量的解析规则
对象字面量是使用花括号{}直接定义对象的方式，解析器在处理对象字面量时，会先解析其中的属性名和属性值表达式，再完成对象的创建。需要注意对象字面量中的属性值如果是表达式，会在对象创建时执行该表达式。
// 对象字面量基础示例
let count = 1;
let obj = {
name: 'test',
// 属性值是表达式，会在创建obj时执行
value: count + 2,
// 方法简写
print() {
console.log(this.name);
}
};
console.log(obj.value); // 3
obj.print(); // test
逻辑运算符与对象字面量结合的场景
逻辑运算符和对象字面量的结合常见于条件赋值、默认配置合并等场景，需要结合二者的解析规则分析执行结果。
场景一：用逻辑或为对象属性设置默认值
如果对象某个属性可能不存在，可以使用逻辑或运算符为其设置默认值，当属性值为null、undefined、''等 falsy 值时，会返回默认值。
// 默认配置合并示例
function createConfig(userConfig) {
// 如果用户传入的配置没有timeout属性，或者值为falsy值，使用默认值3000
let config = {
timeout: userConfig.timeout || 3000,
baseUrl: userConfig.baseUrl || '/api'
};
return config;
}
let userCfg = { timeout: 0 };
console.log(createConfig(userCfg)); // { timeout: 3000, baseUrl: '/api' }
场景二：逻辑与判断后再创建对象字面量
有时候需要满足条件后才创建某个对象，这时候可以结合逻辑与运算符实现，当条件满足时返回对象字面量，否则返回条件的值。
// 条件创建对象示例
let isAdmin = false;
let adminInfo = isAdmin && {
role: 'admin',
permissions: ['read', 'write', 'delete']
};
console.log(adminInfo); // false，isAdmin为false，短路返回false
isAdmin = true;
adminInfo = isAdmin && {
role: 'admin',
permissions: ['read', 'write', 'delete']
};
console.log(adminInfo); // { role: 'admin', permissions: ['read', 'write', 'delete'] }
注意事项与常见误区
- 逻辑运算符返回的是原始操作数，不是转换后的布尔值，只有
!运算符会返回布尔值，这点很容易和其他语言混淆。 - 对象字面量中的属性值如果是函数调用或者表达式，会在对象创建阶段执行，而不是后续访问属性时执行。
- 使用逻辑或为对象属性设置默认值时，要注意如果属性合法值本身就是 falsy 值（比如
0、false），会导致默认值覆盖合法值，这种情况建议使用空值合并运算符??。
// 空值合并运算符解决默认值覆盖问题示例
let settings = {
maxCount: 0
};
// 使用||会把合法的0覆盖
console.log(settings.maxCount || 10); // 10
// 使用??只会在值为null或undefined时返回默认值
console.log(settings.maxCount ?? 10); // 0
总结
理解JavaScript逻辑运算符的短路求值、返回值规则，以及对象字面量的解析时机，能够帮助开发者更准确地编写逻辑判断和对象创建相关的代码。在实际开发中，需要根据场景选择合适的运算符，避免因为规则不熟悉导致的逻辑错误，提升代码的可靠性。
JavaScript逻辑运算符对象字面量运算符优先级类型转换修改时间：2026-06-26 22:58:13