ES5 vs ES6 - For a complete list see here: https://github.com/lukehoban/es6features

functions.js

// Short syntax

// ES6

var game = {
  start() {
    console.log('START!');
  }
}

// ------------------------------
// Fat arrow

// ES5

var self = this;

_.filter(items, function(item) {
  self.add(item.total);
});

// ES6

_.filter(items, (item) => {
  this.add(item.total);
});

misc.js

// Template strings

// ES5

console.log('Hello ' + name);

// ES6

console.log(`Hello ${name}`);

// ----------------------------------------
// Dynamic object properties

var name = 'foo';

var game = {
  [`log_${name}`](): {
    console.log(name)
  }
}

game.log_foo();

modules.js

// game.js

var game = {
  start: function() {
    console.log('STARTING');
  },
  
  end: function() {
    console.warn('END');
  }
}

// ---------------------------------------

// Requirejs

require('game', function(game) {
  game.start();
});

// ES6

import game from 'game';

game.start();

// But also

import { start } from 'game';

start();

params.js

// Default parameters

// ES5

function start(seconds) {
  seconds = seconds || 5;
  
  console.log(seconds);
}

// ES6

function start(seconds = 5) {
  console.log(seconds);
}

// -----------------------------------
// Destructing

// ES5

var port = 3000;
var host = 'localhost';

var options = {
  host: host,
  port: port
};

function connect(options) {
  var port = options.port;
  var host = options.host;
}

// ES6

var port = 3000;
var host = 'localhost';

var options = {
  host,
  port
};

function connect(options) {
  var { port, host } = options;
}