Skip to content

Instantly share code, notes, and snippets.

@joeflateau
Forked from ericelliott/defaults-overrides.md
Last active August 29, 2015 14:20
Show Gist options
  • Save joeflateau/d6cbbf20bc370760f669 to your computer and use it in GitHub Desktop.
Save joeflateau/d6cbbf20bc370760f669 to your computer and use it in GitHub Desktop.

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({ bar = 'no', baz = 'works!' }) {
  return(`${bar}, ${baz}`);
}

console.log(foo({
  bar: 'yay'
})); // logs 'yay, works!'

Equivalent to ES5:

This bit needs to be polyfilled, Or use $.extend(), _.extend(), lodash/object/assign aka _.assign() or equivalent.

var assign = Object.assign;

var defaults2 = {
    bar: 'no',
    baz: 'works!'
  };

function foo2 (options) {
  var settings = assign({}, defaults2, options),
    bar = settings.bar,
    baz = settings.baz;

  return(bar + ', ' +baz);
}

console.log(foo2({
  bar: 'yay'
})); // logs 'yay, works!'

Gist written for How to Use ES6 for Isomorphic JavaScript Apps

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment