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

Ryx*_*xle 5 javascript reactjs

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

代码1

const {
  type,
  size,
} = props;

console.log(type);
Run Code Online (Sandbox Code Playgroud)

代码 2*

console.log(props.type);
Run Code Online (Sandbox Code Playgroud)

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

Kyl*_*Ren 2

在这种情况下肯定是第二个选项 (严格来说是这种情况)

在某些情况下,您会为了某些可读性而牺牲一点效率,这对大多数人来说很容易判断。

看到性能差异非常小,但确实存在。

在此输入图像描述

网址: https: //jsperf.com/destructuring-performance