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 
}

所以，我想只要代码设计为在浏览器中运行，这就无关紧要了。希望对您有所帮助:)