ES6 Object Destructuring Default Parameters

Question

I'm trying to figure out if there's a way to use object destructuring of default parameters without worrying about the object being partially defined. Consider the following:

 (function test({a, b} = {a: "foo", b: "bar"}) { console.log(a + " " + b); })(); 

When I call this with {a: "qux"} , for instance, I see qux undefined in the console when what I really want is qux bar . Is there a way to achieve this without manually checking all the object's properties?

Answer 1

Yes. You can use "defaults" in destructuring as well:

 (function test({a = "foo", b = "bar"} = {}) { console.log(a + " " + b); })(); 

This is not restricted to function parameters, but works in every destructuring expression.