知识大全 几种js中if语句使用优化实例

Posted 2022-07-20 语句

篇首语：少年辛苦终身事，莫向光阴惰寸功。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 几种js中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语句你肯定不会陌生 或许你经常使用它

　　二 使用and(&&)和or(||)运算符

　　if (foo) bar(); ==> foo&&bar();

　　if (!foo) bar(); ==> foo||bar();

　　老实说 我并没有这样去写过代码 这种写法看到过 但我并没想到在js中实现它

　　三 省略大括号

　　if (foo) return bar(); else something(); ==> if(foo)return bar();something()

　　这种写法你我都很熟悉 但我建议在代码优化的时候这样做 或者交给UglifyJS帮你去解决 毕竟少一个大括号 代码的可阅读性并不高

　　写到这里 我想到一个获取HTML元素属性的方法

　　function getAttr(el attrName)

　　var attr = ’for’:’For’ ’class’:’className’[attrName] || attrName;

　　;

　　如果我们不这样写 可能我们需借助于两个if语句来进行处理 而上面的代码不仅简洁有效 而且可阅读性强

相关参考