How to set default parameter values in JavaScript

Announcement 📣 next week, on Feb 26, I'll launch my JavaScript Fundamentals course. 10 modules, 91 lessons, 5 weeks of course. You can signup Feb 26, Feb 27 and Feb 28, then I'll close the registrations. Every day I will send you an email with questions and I read every reply you send me, and I will reply with suggestions. Sign up here and I'll shoot you an email when it's live! 🔥 ⤵️

Learning JavaScript? Download my free JavaScript Handbook 🔥

Default parameter values have been introduced in ES6 in 2015, and are widely implemented in modern browsers.

This is a doSomething function which accepts param1.

const doSomething = (param1) => {

}

We can add a default value for param1 if the function is invoked without specifying a parameter:

const doSomething = (param1 = 'test') => {

}

This works for more parameters as well, of course:

const doSomething = (param1 = 'test', param2 = 'test2') => {

}

What if you have an unique object with parameters values in it?

Once upon a time, if we had to pass an object of options to a function, in order to have default values of those options if one of them was not defined, you had to add a little bit of code inside the function:

const colorize = (options) => {
  if (!options) {
    options = {}
  }

  const color = ('color' in options) ? options.color : 'yellow'
  ...
}

With destructuring you can provide default values, which simplifies the code a lot:

const colorize = ({ color = 'yellow' }) => {
  ...
}

If no object is passed when calling our colorize function, similarly we can assign an empty object by default:

const spin = ({ color = 'yellow' } = {}) => {
  ...
}