JS优雅小技巧

1. 通过条件判断给变量赋值布尔值
// bad
if (a === 'a') {
    b = true
} else {
    b = false
}

// good
b = a === 'a'

2. 在if中判断数组长度为零
// bad
if (arr.length === 0) {}

// good
if (!arr.length) {}

3. 在if中判断数组长度不为零
// bad
if (arr.length !== 0) {}

// good
if (arr.length) {}

4. 简单的if判断使用三元表达式
// bad
if (a === 'a') {
    b = 1
} else {
    b = 2
}

// good
b = a === 'a' ? 1 : 2

5.使用includes简化if判断
// bad
if (a === 1 || a === 2 || a === 3 || a === 4) {}

// good
let arr = [1, 2, 3, 4]
if (arr.includes(a)) {}

6. 及早返回
// bad
function handleEvent(event) {
  if (event) {
    const target = event.target;
    if (target) {
      // todo
    }
  }
}

// good
function handleEvent(event) {
  if (!event || !event.target) {
    return
  }
  // todo
}

7. 判断数组是否存在并且长度大于0
// bad
arr && arr.length

// good
arr?.length

8. 对象是否包含该属性
let obj = {
	name: '20200214'
}
// bad
if (obj.name) 

// good
if ( 'name' in obj )