javascript - 函数参数解构与主体中的解构

Question

有人可以给我一个简短的解释，解构函数参数中的传入数据与解构函数体中的参数有什么区别。或者，如果您可以给我链接，我可以在其中了解更多信息（谷歌还没有帮助我）。

我不明白这背后的含义是什么，或者它只是语法糖。

版本 1：

function test({ name, id }) {
    // do something with id and name
}

版本 2：

function test(data) {
    const { name, id } = data;
    // do something with id and name
}

谢谢！

标签： javascript