Less mixin默认参数必须写在参数列表末尾且不可跳过，如.btn(@color, @size: 14px, @weight: bold)；调用时不能留空位，否则报Expected ')' got ','；默认值支持变量或函数调用但需前置声明依赖项，且定义时即固化不随外部变量变更。
Less mixin 默认参数怎么写才不会报错
Less 的 mixin 默认参数必须写在参数列表末尾，且不能跳过中间参数直接赋值。比如 .btn(@color, @size: 14px, @weight: bold) 合法，但调用时写成 .btn(red, , normal) 会报错——Less 不支持空位占位符。
常见错误现象：ParseError: Expected ')' got ','，基本就是参数位置或语法写错了。
- 默认值只能是常量、变量、函数调用（如
@base-font-size * 1.2），不能是未定义变量或复杂嵌套表达式 - 如果默认值依赖其他参数，必须确保被依赖参数已声明在前，例如
.pad(@x, @y: @x)是合法的，但.pad(@x: @y, @y)会报错 - 想实现“有参则用，无参则 fallback”，就老老实实把带默认值的参数放最后，别折腾顺序
如何用默认参数替代重复的 mixin 调用
典型场景：一组按钮样式只变颜色，其余尺寸、圆角、阴影都一样。不用默认参数就得每处都写全 .btn(red, 14px, 6px, 0.12)；用了就能缩成 .btn(red)。
实操建议：
- 提取公共配置为变量，再塞进默认值里，比如
@btn-padding-y: 8px; .btn(@color, @py: @btn-padding-y, @px: @py * 1.5) - 对布尔型控制项，用
@bool: true或@bool: false显式声明，避免后期语义模糊 - 慎用
~""或空字符串作为默认值，它可能触发意外的 CSS 输出（比如生成border: ;）
默认参数和 ... 可变参数混用要注意什么
Less 支持 .mixin(@a, @b: default, @rest...) 这种写法，但默认参数必须在可变参数之前，否则解析失败。
容易踩的坑：
-
.shadow(@x: 0, @y: 0, @blur..., @color: #000)❌ 错误：默认参数不能放在@blur...后面 -
.shadow(@x: 0, @y: 0, @color: #000, @blur...)✅ 正确：所有带默认值的参数都在@blur...前 - 调用
.shadow(2px, 2px, #333, 4px, 8px)时，@blur会接收到4px, 8px两个值，不是数组，而是逗号分隔的值列表，后续要用extract()或循环处理
为什么有时候默认参数没生效
最常被忽略的一点：Less 是静态解析，不运行时求值。如果你在 mixin 外部修改了用于默认值的变量，该 mixin 内部的默认值**不会自动更新**。
例如：
@gap: 12px;
.container(@padding: @gap) { padding: @padding; }
<p>@gap: 24px;
.container(); // 实际输出 padding: 12px，不是 24px
</p>
原因在于 @gap 在 mixin 定义时已被求值并固化。要动态响应变量变化，得用函数封装或改用参数显式传入。
复杂点在于：默认参数看似省事，但会让调用方和定义方的耦合变隐性。维护时容易误以为“改个变量全局就变了”，结果发现根本没走默认分支——得翻源码确认调用是否真的省略了参数。
