在 JavaScript 中，布尔对象是一种特殊类型的对象，它包装了一个布尔值。然而，当我们尝试在布尔对象上使用逻辑非运算符（!）时，不同于我们期望的结果，它总是返回 false。本文将深入讨论这个问题，并提供有用的学习和指导意义。
布尔对象和逻辑非运算符
在 JavaScript 中，布尔对象是通过 Boolean 构造函数创建的对象。例如，我们可以这样创建一个布尔对象：
const boolObj = new Boolean(true);
这里 boolObj 是一个布尔对象，它包装了一个值为 true 的布尔值。布尔对象有一个 toPrimitive 方法，当被转换为原始值时，会返回该对象所包装的布尔值。
逻辑非运算符（!）是一元运算符，它会将操作数转换为布尔值并取反。例如：
!true // false !false // true
因此，我们可能会假设在布尔对象上使用逻辑非运算符也会产生相同的行为：
const boolObj = new Boolean(true); !boolObj; // false
但事实上，上述代码将总是返回 false。
布尔对象的类型转换
为什么在布尔对象上使用逻辑非运算符会产生这样的结果呢？关键在于类型转换。逻辑非运算符需要将操作数转换为布尔值，然而在布尔对象上使用它时，JavaScript 引擎会首先将布尔对象转换为其原始值，即一个布尔值，然后再执行运算。
当我们将布尔对象传递给逻辑非运算符时，它首先被转换为布尔值。根据 Boolean 对象的 toPrimitive 方法规范，这个值总是 true（除了 Boolean(false) 和 Boolean(null)），因此逻辑非运算符总是返回 false。
解决方案
为了解决这个问题，我们可以使用两种方法之一：
使用布尔值而不是布尔对象
在对布尔对象进行逻辑运算时，首先将它转化为布尔值。可以使用下面的代码实现：
const boolObj = new Boolean(true); !!boolObj.valueOf(); // true
第一种方法是最简单的，因为我们通常不需要使用布尔对象。如果我们只需要一个布尔值，我们可以直接使用 true 或 false，而不需要通过 Boolean 构造函数创建布尔对象。
第二种方法在某些情况下可能更有用，例如当我们需要在数组中存储布尔对象时。由于 JavaScript 中的数组只能包含对象，因此在必要时保留布尔对象可能是有意义的。但是，在对这些布尔对象进行逻辑运算时，我们应该首先将它们转换为布尔值。
结论
在 JavaScript 中，布尔对象是一种特殊类型的对象，它包装了一个布尔值。当我们在布尔对象上使用逻辑非运算符时，它总是返回 false，因为布尔对象在转换为布尔值时始终返回 true。为了避免这个问题，我们可以使用布尔值而不是布尔对象，或者在对布尔对象进行逻辑运算时首先将它们转换为布尔值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31265