直接键访问和对象解构之间的性能

下面最有效的代码是什么。

Code 1

const {
  type,
  size,
} = props;

console.log(type);

Code 2*

console.log(props.type);

我在一篇文章中读到，当您读取对象深处的键值对时，会对性能产生影响。我知道访问一个级别不会对性能产生巨大影响。但我想从上面的代码示例（代码1和代码2）中知道哪个会更快、更高效。

如果您看到破坏部分的转译代码，您可以发现正在设置一个新变量。

例如：

const {
  type,
  size,
} = props;

被转换为

var type_1 = props.type; // dummy_name
var size_1 = props.size;

因此，设置了一个额外的变量，并且内存消耗相对较高。然而，性能差异非常小。