js 与或运算符&&和||使用技巧

熟练的使用这两个运算符可以有效的精简代码，写出更为高效的程序，下面就简单做一下介绍。

一.或运算符:

可以通过或运算符设置默认值:

实现此功能的一般写法如下:

function done(webName){
  if(!webName){
    webName="前端教程网";
  }
}

如果函数done()没有传递参数的话，那么就设置一个默认值。

使用或运算符，代码如下:

function done(webName){
  var webName=webName||"前端教程网";
}

上面的代码是不是更为精简了。

二.与运算符:

使用与运算符进行条件判断:

function isAdult(age){
  if(age && age > 17){
    return true;
  } 
  else {
    return false;
  }
}

上面的代码判断是否是成年人，如果传递了age，并且age大于17那么就是一个成年人。

我们可以使用与运算符精简如下:

function isAdult(age){
  return age && age > 17
}

几个应用实例:

通常代码写法:

if (userName) {
 logIn(userName);
} else {
 signUp();
}

使用与或运算符:

userName && logIn(userName) || signUp();

通常代码写法:

var userID;
if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

使用与或运算符:

var userID = userName && userName.loggedIn && userName.id;