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

Question

假设我有这个组件，

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

If i use object destructing,

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

我想知道，如果我对每个函数组件的每个方法以及传统组件的渲染方法都使用破坏方法，它会使用更多的内存还是会因为应用程序中有这么多的 const 或 let 变量而占用很少的负载。

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

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 
}

所以，我想只要代码设计为在浏览器中运行就没有关系了。希望能帮助到你 ：）