Object.assign 可直接实现单层混入，即仅顶层属性覆盖、嵌套对象整体替换。标准写法为 Object.assign({}, defaultProps, userConfig || {})，需避免深克隆、解构展开及重复调用。
Object.assign 本身只做浅拷贝，无法直接处理多层级嵌套对象的合并。在多层级组件库中，若想用它实现“用户自定义配置”与“默认配置”的单层混入（即仅顶层键覆盖，子对象不递归合并），关键在于明确语义：只混入第一层属性，深层结构完全由用户决定是否替换——不合并、不递进、不深克隆。
理解“单层混入”的真实含义
所谓单层混入，是指最终配置对象的顶层属性 = 用户传入值（若有） ∪ 默认值（若用户未提供）。哪怕用户传了一个 { theme: { primary: 'red' } }，它也会整个替换默认的 theme 对象，而不是和默认 theme 合并字段。
- 用户传
{ label: '确认', size: 'large' }→ 只改这两项，其余保持默认 - 用户传
{ theme: { color: '#fff' } }→ 整个theme被替换，默认theme的其他字段（如borderRadius）将丢失 - 这正是
Object.assign的天然行为，无需额外封装“深合并”逻辑
标准写法：直接用 Object.assign
不需要工具函数，一行即可完成单层混入：
const finalConfig = Object.assign({}, defaultProps, userConfig);
注意三点：
- 第一个参数必须是空对象
{}，避免污染默认配置 -
defaultProps在前，userConfig在后 —— 后者同名键会覆盖前者 - 所有嵌套对象（如
theme、locale）都按引用整体替换，符合“单层”要求
规避常见陷阱
容易出错的地方不是语法，而是对数据源的误判：
- 不要对 userConfig 做深克隆再传入 —— 这会导致后续修改 userConfig 不影响 finalConfig，但通常你希望用户配置是“源头可信”，不应擅自冻结
-
不要提前解构或展开嵌套对象，例如
{ ...defaultProps, ...userConfig }行为等价于Object.assign，但可读性差且无法控制顺序 -
如果用户传了 null/undefined，需短路保护：
Object.assign({}, defaultProps, userConfig || {})
配合组件使用时的建议
在 Vue/React 组件中，推荐在初始化阶段一次性混入，而非每次 render 重复调用：
- Vue：在
props定义中设默认值，再用computed合并：computed: () => Object.assign({}, defaultProps, this.$props) - React：函数组件内用
useMemo缓存结果，避免重复创建对象 - 避免在事件回调里反复调用
Object.assign—— 单层混入结果稳定，没必要重算
