深入探究JavaScript对象属性访问的时机

在JavaScript开发中，我们经常操作对象属性。有时，我们会发现console.log打印的对象包含了尚未赋值的属性，这引发了对对象属性访问时机的疑问。让我们通过代码示例分析：

let checkedInput = {};
console.log(checkedInput);
checkedInput.addressNum = [/^.{5,20}$/, '地址必须大于等于5个字'];

这段代码声明一个空对象checkedInput，然后立即打印。随后，我们添加addressNum属性。令人不解的是，某些浏览器环境下，console.log输出的结果竟然包含了addressNum属性。这并非属性预先存在，而是console.log的工作机制造成的。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

console.log并非简单的对象快照，而是对象的引用。它打印的是对象在内存中的地址。因此，当我们修改对象时，控制台显示的内容会实时更新，因为它持续指向同一内存地址，反映的是对象的动态变化，而非console.log执行瞬间的静态状态。

为了打印对象在特定时刻的状态，建议将对象序列化为字符串再打印，例如使用JSON.stringify(checkedInput)。这样，打印的就是对象在序列化那一刻的快照，避免了动态更新带来的误解。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南