随着前端技术的发展和普及，前端工程师们在工作中会频繁使用各种 npm 包来提高生产效率和代码的稳定性。其中一个常用的 npm 包是 same-value，它用于比较两个 JavaScript 值是否相等。本文就来分享一下 same-value 的使用教程，帮助前端工程师们更好地了解和运用这个 npm 包。
什么是 same-value
在 JavaScript 中，我们使用 == 或 === 运算符来判断两个值是否相等。但是在这些运算符判断中，会存在一些隐式转换或者类型不同的情况，这就会导致结果并非我们需要的。例如：
0 == false; // true '' == false; // true
在这些判断中，JavaScript 引擎会自动将 false 和 '' 转换为数字 0，因此结果就是 true，这可能和我们的预期不同。
为了避免这些情况，ECMAScript 提供了一个新的内部函数 SameValue，用于比较两个值是否“同值”。同值意味着两个值类型相同，而且满足以下条件之一：
- 两个值都是 undefined
- 两个值都是 null
- 两个值都是 true 或者都是 false
- 两个值都是类型为 number 的值，并且它们的值相等，其中 NaN 与 NaN 不相等
- 两个值都是类型为 string 的值，并且它们的字符序列相等
- 两个值都是类型为 symbol 的值，并且它们的 Symbol 值相等
- 两个值都是对象，并且它们的引用相等
same-value 的使用方法
ECMAScript 中的 SameValue 函数并不是一个全局的函数，而是一个内部函数。因此，我们需要使用一个特殊的 npm 包 same-value 来调用这个函数。
安装和引入
同其他的 npm 包一样，我们需要在项目中先安装 same-value。可以使用以下命令完成安装：
npm install same-value --save
安装完成后，我们需要在代码中引入该模块：
const sameValue = require('same-value');或者
import sameValue from "same-value";
使用
引入 same-value 后，我们就可以使用它来比较两个值是否相等：
console.log(sameValue(0, false)); // false
console.log(sameValue('', false)); // false同样，我们也可以使用它来比较两个对象是否相等：
-- -------------------- ---- ------- ----- ---- - - ---- ------ ---- --- -- ----- ---- - - ---- ------ ---- --- -- --------------------------- ------- -- ----- --------------------------- ------- -- ----
示例：比较两个对象是否属性值相等
很多时候，我们需要比较两个对象是否属性值相等。这种情况下，我们可以使用一个 for…in 循环遍历两个对象的属性，逐一进行 same-value 的比较。下面是一个示例代码：
-- -------------------- ---- -------
-------- ------------ ----- -
-- ------- ---- --- ------ ----- - -- ------ -----
------ ------
-
----- ----- - ------------------
----- ----- - ------------------
-- ------------- --- ------------- - -- ------- -----
------ ------
-
--- ---- --- -- ----- -
-- ---------------------- ----------- -
-- ------- -----
------ ------
-
-
-- ------ ----
------ -----
-
----- ---- - -
---- ------
---- ---
--
----- ---- - -
---- ------
---- ---
--
----- ---- - -
---- ------
---- ---
--
------------------------ ------- -- ----
------------------------ ------- -- -----在这个示例中，我们先判断两个对象的类型是否相同，如果类型不同直接返回 false。接着，比较两个对象的键的数量是否相同，如果键数量不同直接返回 false。最后，我们使用 for…in 循环遍历 objA 的属性，在循环中使用 same-value 来比较 objA[key] 和 objB[key] 是否相等，如果不相等直接返回 false，如果遍历完成也没有返回 false，则返回 true。
指导意义
在我们日常的开发工作中，同样的值比较的情境很常见。使用 same-value 这个 npm 包可以避免一些同值但不想等的值判断的错误，减少代码的错误引入。此外，它还可以简化我们进行两个对象的属性值相等的比较时的代码。掌握 same-value 的使用方法，有助于我们写出更可靠且高效的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/204073