JavaScript中如何将if..else分支语句改写为?:三元运算符表达式

改写方案 #

可以改写成三元运算符形式，改写后的代码如下：

list.addEventListener('click', function (event) {
  let target = event.target
  target.classList.contains('delete')
    ? target.parentElement.remove()
    : target.tagName === 'LABEL'
      ? target.classList.toggle('checked')
      : void 0
})

注意事项 #

• 上述写法仅为满足语法要求的实现，不推荐在实际项目中使用。你当前的场景属于多分支执行不同操作，不存在需要条件赋值的需求，原有的if...else if写法逻辑更直观、可读性更高，更利于后续代码维护。
• 代码最后一个分支的void 0是空操作占位符，仅用来满足三元运算符必须存在两个分支的语法要求，没有实际业务逻辑。

内容的提问来源于stack exchange，提问作者lgtits