两种解构赋值的区别

在JavaScript中，const { width } = useWindowSize()和const { ...width } = useWindowSize()之间有很大的区别。

1. const { width } = useWindowSize(): 这是一种解构赋值语法，它从useWindowSize()函数返回的对象中提取width属性，并将其赋值给名为width的变量。这意味着你只能访问并使用width属性，而其他属性将被忽略。

2. const { ...width } = useWindowSize(): 这也是解构赋值语法，但使用了扩展运算符（...），它会将useWindowSize()函数返回的对象中的所有属性都提取出来，并将它们以键值对的形式存储在名为width的对象中。这意味着你可以访问并使用useWindowSize()函数返回的对象中的所有属性，而不仅仅是width属性。

总之，第一个语法只提取了特定属性，而第二个语法提取了对象的所有属性。