使用默认解构值javascript进行对象解构

Question

I'm looking for a concise and efficient way to achieve the following:

Whether property exists in data or not, override it if exists in overriders

fn(data = {}, overriders = {}) {

  data = {property: 2};

  let { property = data.property } = overriders;
  console.log(property); // = 2
}

It works and it's quite alright

Is there a better way? I was hoping for something like this:

fn(data = {}, overriders = {}) {

  data = {property: 2};
  overriders = {property: 9}

  let { property } = data || overriders;
  console.log(property); // = 9
}

(I know it resembles fallback but I was looking for something close to it syntaxwise)

Answer 1

You can use object destructuring.

function changeData( data = {}, overrides = {} ) {
  return { ...overrides, ...data }; 
}

console.log( changeData( { property: 2 }, { property: 9, a: 1, b: 2 }) ) ;

Additional Info

Answer 2

 function fn(data = {property: 2}, overriders = {property: 9}) { let { property } = {...data, ...overriders}; console.log(property); // = 9 } fn();