首页 > 代码库 > Javascript优化细节：短路表达式
Javascript优化细节：短路表达式
什么是短路表达式？
短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。
一个最简单的例子：
foo = foo||bar;
这行代码是什么意思？答案：
//如果foo存在，值不变，否则把bar的值赋给fooif(!foo) foo = bar;
在javascript的逻辑运算中，0、""、null、false、undefined、NaN都会判定为false，而其他都为true。所以在上式的foo = foo||bar;中，||先计算第一个运算数，如果可以被转换成true，也就是表示foo已经存在有值，那么返回左边这个表达式的值，否则计算第二个运算数bar。
另外，即使||运算符的运算数不是布尔值，仍然可以将它看作布尔OR运算，因为无论它返回的值是什么类型，都可以被转换为布尔值。
当然，使用如下做法会更加严谨：
if(foo) //不够严谨if(!!foo) //更为严谨，!!可将其他类型的值转换为boolean类型
可以测试一下：
var foo; var number = 1;var string = "string";var obj = {};var arr = [];console.log(typeof(foo)); // undefinedconsole.log(typeof(number)); //numberconsole.log(typeof(string)); //stringconsole.log(typeof(obj)); //object console.log(typeof(arr)); //objectconsole.log(typeof(!!foo)); // booleanconsole.log(typeof(!!number)); //booleanconsole.log(typeof(!!string)); //booleanconsole.log(typeof(!!obj)); //booleanconsole.log(typeof(!!arr)); //boolean
利用这一点可以很好的符合，优化javascript工程一文中提到的，使脚本少运行或者不运行，以达到优化javascript的目的。但是需要注意的是，这样写帮我们精简了代码的同时，也带来了代码可读性的降低的缺点。所以比较好的做好是添加是适当的注释。
更多优化方法可以参看我上一篇blog：前端工程优化：javascript的优化小结。
Javascript优化细节：短路表达式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。