js逻辑运算符

逻辑运算符在实际项目开发中使用比较普遍，合理的使用能够增加代码可读性

&&(与)

从左往右依次判断，当当前值为true则继续，为false则返回此值(是返回未转换为布尔值时的原值哦)，直到返回最后一个值

var a = 1 && 2 && 3 // 3    1:true->2:true->3   返回最后一个值 3
var b = 1 && 2 && 0 // 0    1:true->2:true->0   返回最后一个值 0
var c = 1 && 0 && 3 // 0    1:true->0:false->0  返回false 0

条件判断

if (user.name === 'admin' && user.password === '123456') {...}

流程控制

// 优化前：
if (this.hasAuth) {
  this.getUserInfo()
}
// 优化后：
this.hasAuth && this.getUserInfo()

||(或)

从左往右依次判断，当当前值为false则继续，为true则返回此值(是返回未转换为布尔值时的原值哦),直到返回最后一个值

var a = 0 || 0 || 0 // 0    0:false->0:false->0   返回最后一个值 0
var b = 0 || 0 || 1 // 1    0:false->0:false->1   返回最后一个值 1
var c = 0 || 2 || 0 // 2    0:false->2:true->2  返回 2

条件判断

if (user.name === 'admin' || user.password === '123456') {...}

流程控制

// 方法一
if (this.list.length === 0) {
  this.getList()
}
// 方法二
if (!this.list.length) {
  this.getList()
}

// 优化后
this.list.length || this.getList()
//或者
(!this.list.length) && this.getList()

默认值(ES5)

有些情况下会对获取的数据进行操作,但是获取的数据不一定是理想中的类型，需要设置默认值来规避报错

//默认值
let userName = userInfo.username || '管理员-小明'   // userName.split('-')[1]
let result = res.data || []   // result[0].username
//默认参数
function add(param1, param2) {
  param1 = param1 || 10
  param2 = param2 || 20
  return param1 + param2
}
add(1, 2) // 3
add() // 30
add(1) // 21

!(非)

非运算符在实际使用当中比较单一，通常用户条件判断

条件判断

if(!valid) return
if( !!roleType ){ ... }