如果我在大多数组件中使用它，对象破坏是否会使用更多内存？

Question

假设我有这个组件，

export default function Xyz(props) {
   ...
}

If i use object destructing,

export default function Xyz({x, y, z}) {
   ...
}

我想知道，如果我对每个功能组件的每个方法都使用析构方法，并且还在传统组件的渲染方法中使用它，它会使用更多内存还是会占用很少的负载，因为有太多的常量或让应用程序中的变量。

是否有任何工具或东西可以测量这个东西？或者有人已经这样做了？我想了解它实际上是如何工作的。

Answer 1

正如@CertainPerformace 所提到的，我认为这应该无关紧要。因为，我们将使用 babel/webpack/typescript 将其转换为 es5/3，因为它将在浏览器中使用。

js

// this becomes
export default function Xyz({x, y, z}) {
    // ...
}
// this
export default function Xyz(options) {
    var x = options.x;
    var y = options.y;
    var z = options.z;
    // All logic 
}

因此，我想只要代码在浏览器中设计为运行就没有关系。希望对您有所帮助:)

如果我在大多数组件中使用它，对象破坏是否会使用更多内存？

Does object destructing uses more memory if i use it in most of the components?

javascript

reactjs

object-destructuring

react-functional-component