Isso é uma tecnologia nova chamada [destructuring assignment][1] e que na prática é um atalho para declarar variáveis com o mesmo nome do que uma propriedade de um objeto, ou em arrays declarar indexando à posição de uma array.

Por exemplo:

    var obj = {
      foo: 20,
      bar: 50
    };
    
    const {foo} = obj;
    
    console.log(foo);

é um atalho de 

    const foo = obj.foo;

Isto é prático e pode ser usado em mais do que um de cada vez:


    const {foo, bar} = obj;

que é  mesmo que 

    const foo = obj.foo;
    const bar = obj.bar;


Isto também pode ser feito em arrays, neste caso importam-se as posições da array:

    var arr = [0, 5, 10];
    const [primeiro, segundo] = arr;
    
    console.log(primeiro, segundo); // 0, 5

que é o mesmo que:


    var primeiro = arr[0];
    var segundo = arr[1];

Outra maneira bem útil é em argumentos de funções:

<!-- begin snippet: js hide: false console: true babel: true -->

<!-- language: lang-js -->

    var Ana = {
        nome: 'Ana',
        idade: 34
    }

    function info({nome,idade}) {
        console.log(`Pessoa: ${nome}, Idade: ${idade}`);
    }

    info(Ana); // Pessoa: Ana, Idade: 34

<!-- end snippet -->

___

Notas:

 - Exemplo: http://www.es6fiddle.net/iq15pxd4/
 - esta tecnologia pode ser usada em `const`, `var`,`let`, `import` ou em argumentos de funções.

  [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment