ES6 destructuring object assignment function parameter default value

by

If you use it, and call the function with no parameters, it works: 

function drawES6Chart({size="big", cords = { x: 0, y: 0 }, radius = 25} = {}) {
  console.log(size, cords, radius);
 // do some chart drawing
}

drawES6Chart();

if not, an error is thrown:

TypeError: can’t convert undefined to object

function drawES6Chart({size="big", cords = { x: 0, y: 0 }, radius = 25}) {
  console.log(size, cords, radius);
 // do some chart drawing
}

drawES6Chart();

More Related Contents:

  1. Destructuring and rename property
  2. One-liner to take some properties from object in ES 6
  3. What is destructuring assignment and its uses?
  4. Where can I get info on the object parameter syntax for JavaScript functions?
  5. Is it possible to destructure onto an existing object? (Javascript ES6)
  6. What does curly brackets in the `var { … } = …` statements do?
  7. ES6/ES2015 object destructuring and changing target variable
  8. How do I destructure all properties into the current scope/closure in ES2015?
  9. ES6 destructuring function parameter – naming root object
  10. How to destructure object properties with key names that are invalid variable names?
  11. Destructuring in Node.JS
  12. ES6 Destructuring and Module imports
  13. What is an “internal slot” of an object in JavaScript?
  14. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  15. How to destructure option argument with all default values in ES6?
  16. JavaScript Extending Class
  17. Curly brackets (braces) in Node.js ‘require’ statement
  18. Find all values by specific key in a deep nested object
  19. Node JS / V8 destructuring bug?
  20. How to filter an object with its values in ES6
  21. How to bind methods when destructuring an object in JavaScript?
  22. object destructuring: how to use intermediate nested property
  23. `export const` vs. `export default` in ES6
  24. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  25. Adding custom properties to a function
  26. ES6 Iterate over class methods
  27. Using spread operator multiple times in javascript?
  28. Best way to polyfill ES6 features in React app that uses create-react-app
  29. JSON stringify ES6 class property with getter/setter
  30. Sort Keys in Javascript Object

Leave a Comment