Pug中带`-`前缀的if...else语句和不带`-`的是否相同？

核心结论 #

你给出的两个示例在运行结果上完全一致，但两种写法的底层逻辑、适用范围并不完全相同。

两种写法的本质区别 #

• 带-前缀的写法：属于Pug的无缓冲JavaScript代码规则。-是Pug中标记原生JS代码的标识符，所有带-前缀的行都会被直接识别为JS代码执行，不会输出任何内容到最终HTML。所有合法的JS语法都可以通过这种方式在Pug中使用，不限于if/else条件判断，变量定义、循环、函数声明等逻辑都需要加-前缀。
• 不带-前缀的写法：属于Pug官方封装的条件渲染语法糖。是Pug为了简化模板开发，为高频使用的条件判断场景提供的简写形式，底层编译后会生成和带-的if完全相同的JS逻辑，所以简单条件渲染场景下二者效果没有差异。

必须加-前缀的场景 #

只有Pug专门做了语法糖支持的逻辑可以省略-，其余场景都需要加-前缀，包括但不限于：

• 变量定义、函数声明、复杂JS表达式运算
• 没有对应语法糖的JS逻辑，比如try/catch、switch（部分旧版本Pug没有提供switch的语法糖）
• 超出语法糖支持范围的复杂条件判断，比如多条件嵌套、长表达式判断，部分旧版本Pug可能无法正确解析不带-的复杂条件，用带-的原生JS写法兼容性更好。

举个简单的例子：你示例中的- var a = 5就不能去掉-，否则Pug会把var a = 5识别为HTML标签，直接输出到最终页面中，完全无法运行。

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