Example of destructuring

new.js

//ES5
var myobject = {
  name: "Sencha",
  logo: {
    small: {
      png: 'http://path/to/small.png',
      jpg: 'http://path/to/small.jpg'
    },
    large: {
      png: 'http://path/to/large.png',
      jpg: 'http://path/to/large.jpg'
    }
  }
}

var { name, logo : { small : { jpg } } } = myobject;

console.log(name); //Sencha
console.log(small); // { png: "http://path/to/small.png", jpg: "http://path/to/small.jpg" }
console.log(jpg); //http://path/to/small.jpg

old.js

//ES5
var myobject = {
  name: "Sencha",
  logo: {
    small: {
      png: 'http://path/to/small.png',
      jpg: 'http://path/to/small.jpg'
    },
    large: {
      png: 'http://path/to/large.png',
      jpg: 'http://path/to/large.jpg'
    }
  }
}

var logo = myobject.logo.small.png;
var small = myobject.logo.small;
var company = myobject.name;

console.log(logo); //Sencha
console.log(small);  // { png: "http://path/to/small.png", jpg: "http://path/to/small.jpg" }
console.log(company); //http://path/to/small.jpg