TypeScript三元表达式内使用break报Expression expected错误

三元条件运算符属于表达式运算符，语法要求它的三个组成部分都必须是可求值的表达式，不能传入语句作为操作数：

• break是JavaScript/TypeScript中的流程控制语句，不属于合法表达式，放在三元运算符的分支位置时，解析器会期望读取到表达式，因此抛出Expression expected.错误。
• 常规if/else是语句结构，允许在分支块内写break这类流程控制语句，因此不会触发语法报错。
• 从语法设计定位来说，三元运算符的作用是根据条件返回不同值，本身就不适合用来承载带流程跳转的分支逻辑。

不要强行用三元运算符处理带break/continue/return这类流程控制的分支，可选择以下合规实现：

• 保留原生if/else写法（即你最初可正常运行的版本），逻辑直观且符合语法规范。
• 简化循环逻辑，把终止条件收敛到while判断中，无需在循环内写break，代码更简洁：

  function lastChildElement(element: HTMLElement) {
    let lastChild = element.lastChild
    // 当lastChild为null时会自动终止循环，等价于原else分支的break逻辑
    while (lastChild && lastChild.nodeType != 1) {
      lastChild = lastChild.previousSibling
    }
    return lastChild as HTMLElement | null
  }
  

• 如果偏好简洁写法，可以用空值合并运算符实现等价逻辑，不需要写break：

  function lastChildElement(element: HTMLElement) {
    let lastChild = element.lastChild
    while (lastChild && lastChild.nodeType != 1) {
      // 没有前序兄弟节点时直接赋值为null，下一轮循环自动终止
      lastChild = lastChild.previousSibling ?? null
    }
    return lastChild
  }
  

注意：不要为了精简代码强行把语句塞到表达式位置，不仅会触发语法错误，还会大幅降低代码可读性。

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