在 JavaScript 中，我们经常需要比较两个变量是否具有相同的引用。如果两个变量指向相同的对象或数组，则它们具有相同的引用。否则，它们将具有不同的引用。
什么是引用？
在 JavaScript 中，所有对象和数组都是通过引用来传递和赋值的。简而言之，引用是一个指向内存中某个位置的地址。当我们创建一个新的对象或数组时，JavaScript 会分配一些内存来存储它们，并返回一个引用该内存位置的指针。这就解释了为什么两个指向相同对象的变量具有相同的引用。
检查两个变量的引用是否相同
JavaScript 提供了两种方法来检查两个变量是否具有相同的引用：=== 和 Object.is()。
=== 运算符
=== 运算符用于比较两个变量的值和类型是否相等。它还可以用于比较两个变量的引用是否相等。如果两个变量的引用相同，则 === 运算符将返回 true，否则它将返回 false。
const obj1 = { name: 'Alice' };
const obj2 = { name: 'Alice' };
console.log(obj1 === obj2); // false
const obj3 = obj1;
console.log(obj1 === obj3); // true在上面的例子中，obj1 和 obj2 具有不同的引用，因此 obj1 === obj2 返回 false。而 obj1 和 obj3 具有相同的引用，因此 obj1 === obj3 返回 true。
Object.is() 方法
Object.is() 方法用于比较两个变量是否具有相同的值和类型。它也可以用来比较两个变量的引用是否相同。与 === 运算符不同的是，Object.is() 方法将 NaN 视为相等，将 -0 和 +0 视为不相等。
const obj1 = { name: 'Alice' };
const obj2 = { name: 'Alice' };
console.log(Object.is(obj1, obj2)); // false
const obj3 = obj1;
console.log(Object.is(obj1, obj3)); // true在上面的例子中，Object.is(obj1, obj2) 返回 false，因为 obj1 和 obj2 具有不同的引用。而 Object.is(obj1, obj3) 返回 true，因为 obj1 和 obj3 具有相同的引用。
总结
当我们需要比较两个变量是否具有相同的引用时，可以使用 === 运算符或 Object.is() 方法。需要注意的是，在比较两个变量的引用时，我们应该始终使用这些方法，以避免值比较可能产生的错误。
在编写 JavaScript 代码时，正确地理解引用是非常重要的。了解变量如何在内存中存储和传递，可以帮助我们编写更加高效和可靠的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27714