less 3.5+ 中 @rest 解构参数需通过 map + map-get() 实现灵活配置，解决跳过中间默认值问题；调用时传对象而非按序占位，支持自由指定字段、新增字段不破旧代码、可类型校验；注意键名须为字符串字面量、版本 ≥ 3.5.0、避免多层嵌套 map。
Less 3.5+ 的 @rest 解构参数到底怎么用
Less 不支持 Python 那种关键字传参（.mixin(@color: red, @size: 12px) 会报错），但 @rest 提供了一种绕过位置依赖的解法：把参数收进一个 map，再在 mixin 内部解构。这不是语法糖，是解决「跳过中间默认值」唯一可靠的方式。
常见错误现象：.btn(@c, @bg, @p) { ... } 定义后，想只改 @p 却保留前两个默认值，写成 .btn(, , 16px) —— Less 直接编译失败，不认空位。
正确做法是改用 map + @rest：
.btn(@config) when (ismap(@config)) {
@color: map-get(@config, color, #007bff);
@bg: map-get(@config, bg, #fff);
@padding: map-get(@config, padding, 6px 12px);
color: @color;
background: @bg;
padding: @padding;
}
调用时就能自由指定任意字段：.btn({ padding: 10px 20px, color: #28a745 });
为什么不用命名参数而选 @rest + map-get()
Less 确实有命名参数语法（如 .mixin(@a: 1, @b: 2); .mixin(@b: 3);），但它只在调用时生效，且要求所有参数都显式声明默认值；一旦某个参数没设默认值，整个命名调用就失效。而真实项目里，按钮、卡片、表单控件的配置项往往超过 5 个，全设默认值既冗余又难维护。
使用 @rest 的实际好处：
- 调用侧零学习成本：传对象比记参数顺序直观得多
- 新增配置项不影响旧调用：加个
border-radius字段，老代码照常跑 - 可配合 guard 做类型校验：
when (iscolor(@color))防止传错字符串
mixins 嵌套时 @rest 变量作用域怎么不冲突
嵌套调用 mixin（比如 .card() 里调 .shadow()）时，如果都用 @rest 接参，变量名撞车是大概率事件。Less 不做作用域隔离，同名变量会被覆盖且无警告。
安全做法是给每个 mixin 的 map 参数加前缀或封装 key：
.shadow(@config) when (ismap(@config)) {
@blur: map-get(@config, shadow-blur, 4px);
@color: map-get(@config, shadow-color, rgba(0,0,0,.15));
box-shadow: 0 2px @blur @color;
}
.card(@config) when (ismap(@config)) {
// 显式提取 card 相关字段，避免和 shadow 的 key 混淆
@shadow-config: map-filter(@config, 'shadow-'); // 需自定义函数或手动构造
.shadow(@shadow-config);
border-radius: map-get(@config, radius, 8px);
}
更务实的做法是：**不要在 mixin 内部直接用 @rest，而是用带明确前缀的 map key**，比如统一用 shadow-blur、card-radius，而不是都叫 blur 或 radius。
编译性能和兼容性要注意什么
@rest 是 Less 3.5+ 引入的特性，低于该版本会静默忽略 map 参数，导致样式丢失。检查你用的 less-loader 或 CLI 版本：less --version 必须 ≥ 3.5.0。
性能上，map-get() 是 O(n) 查找，但实际项目中单个 mixin 不会存上百个 key，影响可忽略。真正要防的是滥用嵌套 map：
- 避免
map-get(map-get(@config, theme), primary)这类多层嵌套 - 不要在循环里反复调用
map-get()，提取到变量缓存 - 调试时用
dump(@config)（需开启 debug 模式）确认传入结构是否符合预期
最易被忽略的一点：map 键名必须是字符串字面量（'color'），不能是变量（@key），否则 map-get() 返回 undefined 且不报错——这会导致默认值悄悄生效，样式错得毫无征兆。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
