Destructuring

thing.js

const myObject = {
  foo: 'hello',
  bar: 'world',
  baz: 'this',
};

const { foo, bar, baz } = myObject;

console.log(foo); // 'hello'
console.log(bar); // 'world'
console.log(baz); // 'this'

// foo === myObject.foo

// rename 'foo' to 'qux'
const { foo: qux } = myObject;
console.log(qux) // 'hello'