@arguments不能直接用于margin或padding，因其是逗号分隔的list，而css属性需空格分隔；应使用join(" ", @arguments)或extract()手动拼接，且它无类型语义、不支持运算、难调试，固定参数重载更佳。
为什么@arguments直接用于margin或padding会报错
因为@arguments在 Less 编译期是一个逗号分隔的 list，不是空格分隔的 CSS 值序列。比如调用.pad(10px; 20px)，@arguments实际是10px, 20px（注意逗号），而margin: 10px, 20px是非法 CSS。
浏览器解析时会直接报Invalid property value，但 Less 编译器通常不报错——它只是原样输出了错误语法。
- 错误写法：
margin: @arguments;→ 输出margin: 10px, 20px; - 正确写法：
margin: join(" ", @arguments);→ 输出margin: 10px 20px; - Less 4.0+ 才支持
join()；旧版本需用extract(@arguments, 1) extract(@arguments, 2)手动拼接
调用时用逗号分隔参数为什么会编译失败
Less 解析器看到逗号，会优先认为你在传单个参数，而非多个参数——尤其当该参数本身含逗号（如字体列表）时，歧义更大。
- ❌
.shadow(0, 2px, 4px, rgba(0,0,0,0.2))：可能被当作 1 个参数，或解析为 4 个但类型错乱 - ✅
.shadow(0; 2px; 4px; rgba(0,0,0,0.2))：明确进入“分号分隔模式”，每个值独立成参 - 混合定义中只要出现一个分号，整个调用就按分号切分；逗号只保留在参数内部（如
"Helvetica Neue", Arial）
@arguments不能直接参与运算或类型判断的原因
@arguments是 raw token list，不带类型上下文。它保留字面量，但不会自动识别单位、颜色或数字语义。
-
isnumber(10px)返回false，因为10px不是 number 类型，而是 dimension token -
@arguments + 5会报错：list 不支持算术运算 - 想校验单位？得用
isunit(extract(@arguments, 1), "px")逐个取值判断 - 想设默认值？
default()不作用于 list，必须先extract()再守卫
什么时候不该用@arguments，而该用重载
当参数有明确语义、数量有限、且需要差异化处理时，@arguments反而增加维护成本。
- 比如
.pad(@top; @right: @top; @bottom: @top; @left: @right)比.pad(@...) { padding: join(" ", @arguments); }更易读、可调试、支持 IDE 参数提示 - 需要对第一个值做特殊处理（如转成
rem，其余保持px）？@arguments无法解构，只能靠extract()硬写分支 - 多人协作项目里，
@arguments容易掩盖意图——别人调用时根本不知道该传几个值、顺序是什么
真正灵活的场景极少；多数所谓“不定参”需求，其实 2–4 个固定位置参数 + 默认值就覆盖了 95% 情况。别为了省几行代码牺牲可读性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
