js 递归合并对象

在JavaScript中，递归合并对象是指通过递归的方式将两个或多个对象的属性进行合并，当遇到嵌套对象时也能进行深度合并。

基础概念：递归是一种编程技巧，函数直接或间接调用自身来解决问题。对象合并则是将一个或多个对象的属性复制到目标对象中。

优势：

可以处理任意深度的嵌套对象。
能够灵活地合并多个对象。
可以根据需要自定义合并策略。

类型：

浅合并：只合并对象的顶层属性，嵌套对象仍然引用原始对象。
深合并：递归合并对象的所有属性以及嵌套对象。

应用场景：

配置合并：将默认配置和用户自定义配置合并。
数据整合：从不同来源获取的数据进行整合。
动态表单：根据不同的条件动态生成表单字段。

示例代码（深合并函数）：

function isObject(obj) {
    return obj && typeof obj === 'object' && !Array.isArray(obj);
}

function deepMerge(target, ...sources) {
    if (!sources.length) return target;
    const source = sources.shift();

    if (isObject(target) && isObject(source)) {
        for (const key in source) {
            if (isObject(source[key])) {
                if (!target[key]) Object.assign(target, { [key]: {} });
                deepMerge(target[key], source[key]);
            } else {
                Object.assign(target, { [key]: source[key] });
            }
        }
    }

    return deepMerge(target, ...sources);
}

// 使用示例
const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { b: { d: 3 }, e: 4 };
const mergedObj = deepMerge({}, obj1, obj2);
console.log(mergedObj); // 输出：{ a: 1, b: { c: 2, d: 3 }, e: 4 }

遇到的问题及解决方法：