逻辑运算符在实际项目开发中使用比较普遍,合理的使用能够增加代码可读性
&&(与)
从左往右依次判断,当当前值为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 ){ ... }