Immutable merge for multiple objects (using lodash)

immutableMerge.js

    var _ = require('lodash');
    
    function immutableMerge(){
      if(arguments.length === 0) return {};
      if(arguments.length === 1) return arguments[0];
      if(arguments.length === 2) {
        return _.merge(_.cloneDeep(arguments[0]), arguments[1]);
      }
      else{
        return immutableMerge(_.first(arguments), immutableMerge(_.rest(arguments)));
      }
    };

Was looking for a way to join multiple style objects in React. It ended up looking like this.

   // jsx
   <div style={immutableMerge(styleA, styleB)}>Hello, world.</div>

I use this

_.merge({}, obj1, obj2, obj3)

Thanks @agarb7. I like your approach.

merge mutates