JavaScript中&&和||运算符的短路逻辑与实战技巧

研究背景与Alloy框架学习

近期因事务繁忙，文章更新节奏放缓。最近重新投入Titanium框架的研究，发现其官方推出的MVC框架Alloy表现优异。起初因缺乏优质示例代码且文档有限，未能深入探究，但后来发现官方提供的CodeStrong项目是一套极佳的学习资源。通读其完整代码后，即可基本掌握Al框架的使用规范。

&&和||运算符的短路逻辑解析

在研读源码过程中，注意到大量代码采用了如下形式的写法：

$.clouds && ($.index.add($.clouds));

起初对此类写法感到陌生，因为日常开发中较少使用。经查阅相关资料后，发现这种写法既便捷又实用（jQuery源码中也广泛采用此模式）。以下引用一段关于JavaScript中&&和||运算符特殊用法的解释：

a() && b()：若执行a()后返回真值（true），则继续执行b()并返回b()的值；若a()返回假值（false），则整个表达式直接返回a()的值，b()不再执行；

a() || b()：若执行a()后返回真值（true），则整个表达式直接返回a()的值，b()不再执行；若a()返回假值（false），则继续执行b()并返回b()的值；

&&运算符的优先级高于||运算符

代码实例与优先级分析

理解上述规则后，再结合具体代码进行分析：

alert((1 && 3 || 0) && 4); //结果4 ①
alert(1 && 3 || 0 && 4); //结果3 ②
alert(0 && 3 || 1 && 4); //结果4 ③ 

分析过程如下： 语句①：1&&3 返回3，接着执行 3 || 0 返回 3，最后执行 3&&4 返回 4 语句②：先计算 1&&3 返回3，再计算 0&&4 返回0，最后执行结果比较 3||0 返回 3 语句③：先计算 0&&3 返回0，再计算 1&&4 返回4，最后执行结果比较 0||4 返回 4

注：非0的整数均被视为真值（true），而undefined、null和空字符串“”被视为假值（false）。

由此可见，JavaScript在语法层面确实具备强大的灵活性和表现力。