Javascript 如果我在大多数组件中使用对象销毁,它会使用更多内存吗?

Javascript 如果我在大多数组件中使用对象销毁,它会使用更多内存吗?,javascript,reactjs,object-destructuring,react-functional-component,Javascript,Reactjs,Object Destructuring,React Functional Component,假设我有这个组件 export default function Xyz(props) { ... } If i use object destructing, export default function Xyz({x, y, z}) { ... } 我想知道,如果我对每个函数组件的每个方法使用析构函数方法,并且在传统组件的渲染方法中也使用析构函数方法,它会使用更多的内存,还是会因为应用程序中的常量或let变量太多而占用很少的负载 有什么工具或东西可以测量这个东西吗?还是有

假设我有这个组件

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

If i use object destructing,

export default function Xyz({x, y, z}) {
   ...
}
我想知道,如果我对每个函数组件的每个方法使用析构函数方法,并且在传统组件的渲染方法中也使用析构函数方法,它会使用更多的内存,还是会因为应用程序中的常量或let变量太多而占用很少的负载


有什么工具或东西可以测量这个东西吗?还是有人已经这么做了?我想了解它实际上是如何工作的。

正如@CertainPerformace所提到的,我认为它无论如何都不重要。 因为,我们将使用babel/webpack/typescript将其传输到es5/3,因为它将在浏览器中使用

js

所以,我想,只要代码设计为在浏览器中运行,就无所谓了。
希望有帮助:)

我认为情况正好相反,但它可能完全可以忽略不计,而且无论如何你都应该使用Babel,所以即使我感觉过度思考并导致过早优化,这也不重要,
// 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 
}