less中@arguments是编译期list变量，用分号传参以区分css内逗号，需join(" ", @arguments)转空格分隔才可安全用于padding/margin等属性。

Less里没有...rest语法，但可以用@arguments模拟

Less 本身不支持 JavaScript 风格的 ...rest 参数展开，也没有解构赋值。所谓“不定参数”在 Less 中实际靠的是 @arguments 变量 + 分号分隔机制实现。它不是语法糖，而是编译期 list 类型变量，必须手动处理才能用。

常见错误是直接把 @arguments 当成空格分隔字符串塞进 CSS 属性，比如：margin: @arguments;——这会输出逗号分隔的无效值。

• 调用时用分号分隔多个值：.pad(10px; 20px; 30px)，@arguments 就是 10px, 20px, 30px 这个 list
• 用 extract() 或 join(" ", @arguments) 转为空格分隔（Less 4.0+）
• 若需兼容旧版 Less，只能靠重载多个固定参数 mixin，无法真正“动态”

为什么必须用分号而不是逗号来传不定参数

因为逗号在 Less 中有双重身份：既是 mixin 参数分隔符，又是 CSS 值内部的分隔符（如 font-family: "Helvetica Neue", Arial, sans-serif）。如果用逗号传参，编译器无法区分你是在传 3 个参数，还是在给第 1 个参数传一个含逗号的字体列表。

只要调用或定义中出现至少一个分号，Less 就强制切换为“分号分隔模式”，此时所有逗号都属于某个参数内部值。

• ✅ 正确：.shadow(0; 2px; 4px; rgba(0,0,0,0.2)) → 4 个独立参数
• ✅ 正确：.font("Helvetica Neue", Arial, sans-serif; bold) → 第 1 个参数是字体列表，第 2 个是字重
• ❌ 错误：.shadow(0, 2px, 4px, rgba(0,0,0,0.2)) → 编译器可能误判为单参数或报错

@arguments怎么安全用于padding、margin这类多值属性

padding 和 margin 接受 1–4 个空格分隔值，而 @arguments 默认是逗号分隔 list，不能直插。必须显式转换。

Less 4.0+ 推荐用 join(" ", @arguments)；旧版本得靠 extract() 手动取值或写分支逻辑。

• 简单场景（已知最多 4 值）：padding: join(" ", @arguments);
• 需要校验单位或默认值？得配合 isunit()、default() 等函数做守卫判断
• 想支持 .pad(10px) → 10px，.pad(10px; 20px) → 10px 20px，就别偷懒用 @arguments，改用重载更清晰

容易被忽略的坑：@arguments会吃掉单位和颜色类型信息

@arguments 是 raw list，它保留原始 token，但不会自动识别单位或类型。比如传 10 和 10px，在 mixin 内部都只是值，不做隐式转换。

这意味着你不能直接对 @arguments 做算术运算，也不能指望 isnumber() 对 10px 返回 true——它返回 false，因为带单位。

• 单位校验必须显式：isunit(extract(@arguments, 1), "px")
• 数值计算前先用 unit() 或 replace() 剥离单位
• 颜色值同理：iscolor(extract(@arguments, 2)) 才能安全转 lighten()

真要灵活配置，不如收拢成 map：.btn(@config: { color: #007bff; size: 14px; })，再用 map-get() 提取——虽然写法略重，但可读性和健壮性高得多。