在 Nunjucks 模板中，当从 data 对象读取可能为空（null 或 undefined）的属性时，应使用逻辑或运算符 || 提供默认值（如 "0"），而非错误地将运算符写在键名或赋值语句中。
在 nunjucks 模板中，当从 `data` 对象读取可能为空（`null` 或 `undefined`）的属性时，应使用逻辑或运算符 `||` 提供默认值（如 `"0"`），而非错误地将运算符写在键名或赋值语句中。
在基于 Prototype.KIT 等 Nunjucks 驱动的前端原型系统中，组件数据通常以 JavaScript 对象形式传入模板，例如：
{
label: { text: "Age" },
name: "age",
value: data['age']
}若 data['age'] 为 null、undefined 或空字符串（""），直接渲染会导致显示空白或运行时异常。此时需安全回退至默认值——而 data['someKey'] || "default" 是最简洁、标准且兼容性最佳的写法。
✅ 正确用法（推荐）：
value: data['someAttributeValue'] || "0"
该表达式遵循 JavaScript 短路求值规则：当左侧为 falsy 值（null、undefined、""、0、false、NaN）时，返回右侧默认值 "0"。
立即学习“前端免费学习笔记（深入）”；
⚠️ 常见错误辨析：
-
data['someAttributeValue' || "0"]→ 错误：||作用于字符串字面量，等价于data['someAttributeValue']，无默认逻辑； -
data['someAttributeValue' = "0"]→ 语法错误：=是赋值操作符，不能用于键名； -
data['someAttributeValue'] = "0"→ 错误：这是赋值语句，会修改原始data对象，且无法作为属性值表达式使用。
? 进阶建议（兼顾空字符串与 0）：
若业务要求 "" 显示 "0"，但数值 0 本身应保留（即不被覆盖），可用空值合并运算符（需确保环境支持）或显式判断：
// ES2020+ 支持（Nunjucks 渲染上下文通常为 Node.js 或浏览器 JS 环境） value: data['someAttributeValue'] ?? "0" // 兼容性更强的写法（显式排除 undefined 和 null） value: (data['someAttributeValue'] !== undefined && data['someAttributeValue'] !== null) ? data['someAttributeValue'] : "0"
? 实际 Nunjucks 模板示例（如 .njk 文件中）：
{% set ageValue = data['age'] || "0" %}
<input type="number" name="age" value="{{ ageValue }}" />
<!-- 或直接内联 -->
<label>Age: {{ data['age'] || "Not provided" }}</label>✅ 总结：
Nunjucks 本身不提供专属的空值处理语法，其变量插值完全依赖底层 JavaScript 表达式能力。因此，掌握 ||（宽松默认）与 ??（严格空值合并）的适用场景，并避免在键名或赋值位置误用逻辑运算符，是保障模板健壮性的关键。
