less中不存在isdefined函数，它不支持运行时变量存在性判断；正确做法是在声明时提供默认值或用if()配合已声明的null变量做值判断。
Less里根本没有isdefined函数
Less官方语法中不提供isdefined这类运行时变量存在性判断函数。你看到的类似写法，基本来自混淆了Less与Sass（variable-exists()）或Stylus（defined()），又或是某些已废弃的Less插件。直接写isdefined(@var)会报错：Unrecognised input 或 Undefined function isdefined。
用@variable: value默认赋值替代“存在性判断”
Less变量是静态编译期解析的，没有运行时概念。所谓“判断是否存在”，实际应转为“确保有默认值”。最可靠的方式是**在首次声明时提供兜底值**：
- 在变量定义处直接赋默认值：
@primary-color: #007bff; - 若想允许用户覆盖，把自定义变量放在导入链靠前位置（如
variables.less），再在后续文件中无条件使用——未覆盖即取默认 - 避免在
.less文件中间尝试“检测后赋值”，比如@color: isdefined(@custom) ? @custom : #333;——这语法无效
用if()混合宏配合default()实现近似效果
Less 4.0+ 支持if()和default()，但它们只对**值是否为空（null、""、0、false）有效，不能判断变量是否被声明过**。典型误用是以为if(isdefined(@x), @x, #ccc)可行——其实isdefined根本不存在。
正确做法是：先确保变量已声明（哪怕为null），再用if()做值判断：
@theme-color: null;
// 用户可覆盖 @theme-color: #ff6b35;
.my-btn {
background-color: if(@theme-color = null, #007bff, @theme-color);
}
注意：null必须显式赋值，否则@theme-color未声明时编译直接失败，不会进入if分支。
真正需要“存在性校验”的场景，该换工具链
如果你的项目要求CSS变量按环境/主题动态切换、且需大量条件逻辑，Less的静态特性会成为瓶颈。此时应考虑：
- 改用CSS自定义属性（
--color-primary） + JavaScript运行时注入，由JS控制存在性 - 迁移到Sass，用
variable-exists("color-primary")做编译期检查 - 用PostCSS插件（如
postcss-conditionals）补充条件能力
Less的设计哲学是“简单、可预测、编译快”，强行塞入动态逻辑反而让维护变脆弱——变量没声明就报错，其实是它在帮你提前发现问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
