JavaScript减少IF的方法 - &&(与)和||(或)的特殊用法

JavaScript 中的 && 和 || 除了用来判断两个布尔变量是否都true或false的作用外, 还有一些特殊用法.

1.  || 可以用在当一个对象是否为空时设置默认值的情况下, 一般情况下我们是这样实现这个功能的:

function xx(option){
  var default ="init";
  var value = default;
  if(option){
    value =  option;
  }
  alert(value);
}
 

或

function xx(option){
  var default ="init";
  var value = option? option:"init";
  alert(value);
}

现在还有一种简洁的方法:

function xx(option){
  var default ="init";
  var value = option||"init"
  alert(value);
}

注解: value = option||"init"

当option为true时, 即option有值, value就等于option.

当option为false时, 即option 为null 或undefined 时, value 为"init"

2. && 可以用在当一个对象是true, 就返回另外一个值, 只在为false时返回本身,  它的作用和 || 相反

var value = option||"init"

当option为true时, 即option有值, value就等于"init".

当option为false时, 即option 为null 或undefined 时, value 为option

来源: IT艺术博客(http://www.itart.cn)