JavaScript箭头函数，以对象作为参数

Question

获得了以下代码：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

var materials = [
    'Hydrogen',
    'Helium',
    'Lithium',
    'Beryllium'
];

我能理解这一点：

var x = materials.map(function(material) {
    return material.length;
});

console.log(x);

结果：[8, 6, 7, 9]

箭头功能示例：

var z = materials.map( ( {length} ) => length );
console.log(z);

结果：[8, 6, 7, 9]

在箭头功能中，我不明白发生了什么。

length中箭头函数回调的map()参数应该是当前值（根据我对map()的理解），=> length以某种方式返回字符串，而不是当前值。

这怎么可能，执行({length}) => length时会发生什么？