js中的两次取反操作的理解

在工作中你经常会看到别人的代码长成下面这样

function fn() {
  return !!(xxx)//xxx表示一个数据而已，可以是任意类型数据，比如123,'aa'等等
}

这里的return !!(xxx)到底是什么意思呢？

js中!表示取反的意思，!后会得到一个布尔值。比如：!1的结果就是false,!''就是true。

console.log(!1)
console.log(!!1)

结果如下：

我们为了得到一个布尔值会一个变量进行取反，但是取了反后得到的结果是与原来的相反的，所以我们需要对第一次取反的结果再取一次反，得到与原来的逻辑结果相同的布尔类型的值。

也就是!!后得到的是一个布尔值，上面的函数的返回值也是一个布尔值，当然也可以写成xxx?:true:false，但是这样的写法好像没有!!来的简洁。Boolean(xxx)其实最容易理解，直接返回一个布尔值。

当然再if()里面就不用写!!，因为if()中会把括号里面的内容转为布尔值。