JavaScript中if语句的几种代码优化写法

引言

虽然尚未进行实际测试验证，但可以看出JavaScript确实支持代码美化处理。有人可能认为if语句过于简单，无需优化，但通过以下几种方式，或许能改变这一看法。

 
if (foo) bar(); else baz(); 可简化为 foo?bar():baz();
if (!foo) bar(); else baz(); 可简化为 foo?baz():bar();
if (foo) return bar(); else return baz(); 可简化为 return foo?bar():baz();

上述利用三元操作符优化if语句的方法并不陌生，许多开发者已频繁使用。

 
if (foo) bar(); 可简化为 foo&&bar();
if (!foo) bar(); 可简化为 foo||bar();

坦白说，我此前并未这样编写代码。这种写法源自《鸟哥的 Linux 私房菜》，当时并未联想到在JavaScript中的应用。

 
if (foo) return bar(); else something(); 可简化为 {if(foo)return bar();something()}

这种写法大家很熟悉，但在代码优化时建议谨慎使用，或直接交由UglifyJS等工具处理。毕竟减少大括号会降低代码的可读性。

由此联想到jQuery之父在《精通 JavaScript》中获取HTML元素属性的方法。

 
function getAttr(el, attrName){
var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
}; 

若不采用此写法，可能需要借助两个if语句处理。上述代码不仅简洁高效，且具备较强的可读性。

仔细思考，许多问题都能找到有效解决途径，关键在于是否用心探索更优方案。