前言

JavaScript是一门弱类型脚本语言，其中对象是一种基本的数据结构。在JavaScript中，我们经常会使用 {} 来创建新的空对象。然而，有一个令人困惑的问题是，为什么使用严格相等运算符 === 比较两个空对象时会返回 false？

1. 对象的创建

首先，让我们回顾一下对象的创建方式。在JavaScript中，{} 表示一个新的空对象。当我们使用 {} 创建对象时，实际上是在内存中分配了一块空间来存储这个对象。

var obj1 = {};

上述代码创建了一个名为 obj1 的对象，并将其存储在内存的某个位置。

我们知道在代码执行的前一刻，编译器会进行编译，各调用栈会依次进栈，在上述代码中，我们在全局声明了一个变量obj1，那么在编译的时候全局执行上下文进栈，变量环境中存放该上下文var声明的变量，那就应该像下图这样：

在JavaScript中，对象是一种特殊的数据类型，它可以包含各种数据和属性。当我们使用 {} 创建一个对象时，这个对象可能包含大量的数据，导致对象的内存占用相对较大。由于调用栈的大小是有限的，为了优化性能，通常不会将大型对象直接存储在调用栈中。

相反，当全局上下文进栈时，实际上会在内存的堆（heap）中分配一块空间来存储这个对象。堆内存是一个用于存储动态分配数据的区域，它提供了更灵活的存储空间，适应了对象可能包含大量数据的情况。在堆中，每个对象都被分配一个唯一的地址。

调用栈中存储的并不是对象本身，而是指向堆内存中对象地址的引用。这个引用是一个指针，它告诉JavaScript引擎在哪里可以找到对象的实际数据。

2. 严格相等运算符

在JavaScript中，=== 是严格相等运算符，用于比较两个值是否严格相等，即它们的值和类型都相等。这意味着 === 不仅会比较值是否相等，还会比较对象是否引用了内存中的相同位置。

3. 为什么 {} === {} 返回 false？

现在让我们来解释为什么 {} === {} 返回 false。当你使用 {} 创建两个对象时，每个对象都被存储在内存的不同位置。即使它们的内容相同（都是空对象），它们在内存中的地址不同。

var obj1 = {};
var obj2 = {};
console.log(obj1 === obj2); // 输出 false

当我们使用 === 运算符比较两个对象时，它实际上在比较对象在内存中的引用地址，而不是对象的内容。当我们通过创建两个对象 {} 时，每个对象都被独立分配到堆内存中的不同地址。尽管这两个对象可能具有相同的结构和属性，但它们是独立创建的，引用地址并不相同。因此，{} === {} 返回 false。

4. 如何比较对象的内容？

如果你想比较两个对象的内容是否相等，可以使用其他方法，例如通过比较它们的属性。以下是一种方法，使用 JSON.stringify 将对象转换成字符串，然后比较字符串是否相等。

var obj1 = { key: 'value' };
var obj2 = { key: 'value' };
console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // 输出 true

注意：这种方法适用于简单的对象。在处理复杂对象时，可能需要使用更复杂的比较方法。

结论

总体而言，JavaScript中对象的存储方式经过精心设计，充分考虑了性能和内存的优化。{} === {} 返回 false 是因为 === 比较的是对象在内存中的引用，而两个独立创建的对象在内存中有不同的地址。

最后

至此，讨论完毕，希望这篇文章能够给你带来帮助！

我的Gitee：    CodeSpace (gitee.com)

技术小白记录学习过程，有错误或不解的地方还请评论区留言，如果这篇文章对你有所帮助请 “点赞 收藏+关注” ，感谢支持！！