JavaScript 逻辑短路运算符实战：精简代码与默认值处理

JavaScript 逻辑短路运算符实战：精简代码与默认值处理

在 JavaScript 的逻辑运算体系中，数值 0、空字符串 ""、null、false、undefined 以及 NaN 均被判定为 falsy（假值），其余所有类型则被视为 truthy（真值）。 逻辑或（||）运算符首先计算左侧操作数。若该操作数可转换为 true，则直接返回左侧表达式的值；否则，继续计算并返回右侧操作数的值。即使参与运算的不是布尔类型，|| 仍可视为布尔 OR 运算，因为无论返回何种类型的值，最终均可隐式转换为布尔值。利用这一特性，当操作数非布尔型时，|| 会返回第一个“真值”的操作数。这常用于从一组备选值中选取第一个已定义且非空的值（即第一个非 falsy 的值）。 例如： var max = max_width || obj.max_width || 500; var attr = attr || ""; 这种写法常用于判断变量是否已定义，若未定义则赋予初始值，在设置函数参数默认值时尤为实用。 逻辑与（&&）运算符同样先计算第一个表达式。若结果为假，则不再处理后续表达式；若为真，则继续计算后续表达式。它从左到右选取第一个非 true（即 falsy）的表达式的值；若全程未找到 falsy 值，则返回最后一个表达式的值。 示例（需仔细体会其运算逻辑）： 2 && 's1' && '123' && 'sss' 的结果为 'sss' 2 && 's1' && '' && 'sss' 的结果为 '' 2 && 's1' && NaN && 'sss' 的结果为 NaN 原代码： if(a >= 5) { alert("你好"); } 可简化为： a >= 5 && alert("你好"); 关于 typeof 5 与 typeof !!5 的区别，这是一种更严谨的写法。!! 的作用是将任意类型的变量转换为布尔类型。例如，if(!!attr) 等价于 if(attr)，但显式转换意图更明确。 JavaScript 中 || 和 && 的短路特性在精简代码的同时，也可能降低代码的可读性。开发者需根据实际场景权衡代码简洁性与可读性。 此外，还可巧妙利用 JS 特性实现类似 startWith 的功能： alert(!'asdf'.indexOf('s')) 的结果为 !0，即 true。