EC6中的箭头功能

Question

我在javascript中理解箭头功能有困难。我查了MDN  并找到了这段代码。

＆＃13;

＆＃13;

var res, elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

//First
res = elements.map(function(element) {
  return element.length;
});
console.log(res);

//Second
res = elements.map(element => {
  return element.length;
});
console.log(res);

//Third
res = elements.map(({length}) => length);
console.log(res);

＆＃13;

＆＃13;

＆＃13;

我得到第一种和第二种方式就好了，但第三种方法对我没有意义。

首先：我不明白()中这两个括号{}和({ length })是什么。

第二次：第一个单词lenght也没有意义。它只是一些随机变量吗？

任何愿意发光的人都会非常乐于助人。提前谢谢！