Sane handling of default opts

defaultOptsHandling.js

/*jshint esversion: 6 */
// Meet the AwesomeClass
class AwesomeClass {
  constructor(opts) {
	}
  static defaultOpts(opts, default_opts) {
		var new_opts = default_opts;
		if (opts) {
			for (var property in default_opts) {
				if (default_opts.hasOwnProperty(property)) {
					if (typeof default_opts[property] === 'object') {
						new_opts[property] = this.defaultOpts(opts[property], default_opts[property]);
					}
					else {
						if (opts[property]) {	// passed opts has it
							new_opts[property] = opts[property];
						} else { // using default opts
							new_opts[property] = default_opts[property];
						}
					}
				}
			}
		}
		return new_opts;
	}
}

// Have you seen something like this before?
var tiresomeExampleFunction = (opts) {
	opts = opts || {};
	opts.id = opts.id || 1;
	opts.name = opts.name || 'Yzzi';
	opts.coords = opts.coords || {};
	opts.coords.x = opts.coords.x || 200;
	opts.coords.y = opts.coords.y || 400;
	console.log(opts);
};

// just to make sure this here works..

tiresomeExampleFunction({
	name: 'Ysragh Heiden',
	coords: {
		x: 300
	}
});

// It would be nice if you can do something like this,
// tho achieve the exact same behaviour as above:
var niceExampleFunction = (opts) {
	opts = AwesomeClass.defaultOpts(opts, {
		id: 1,
		name: 'Yzzi',
		coords: {
			x: 200,
			y: 400
		}
	});
	console.log(opts);
};

niceExampleFunction({
	name: 'Ysragh Heiden',
	coords: {
		x: 300
	}
});