逻辑运算符的复杂运用

2018-06-22

逻辑与（&&）、逻辑或（||）

除去正常的使用逻辑关系外，更复杂的应用：

var o={x:1};
var p=null;
o && o.x // =>1: 因为逻辑运算符的左侧是真值，所以继续计算运算符的右侧的值并返回该值
p && p.x // =>null: 因为运算符的左侧p是假值，所以直接返回p，不会继续计算右侧的p.x

巧妙使用的好处：

// 普通的方法
var len=undefined;
if(book){
    if(book.subtitle){
        len=book.subtitle.length;
    }
}
// 使用逻辑运算符，更加简洁
 var len=book && book.subtitle && book.subtitle.length;

使用逻辑或（||）来设置默认值：

1
2

// 先判断逻辑运算符的左侧的max_width是否是真值。是真值，直接返回该值，不是真值，则继续计算逻辑运算符的右侧
var max = max_width || preferences.max_width || 500;