前端 - javascript之if(value)和if(!!value)的区别-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

前端 - javascript之if(value)和if(!!value)的区别

PHP中文网 2017-04-10 14:35:14

[JavaScript讨论组]

927

偶然有看到高手写的代码，其中if(value)都写成了if(!!value)，不太理解，所以在这里求解高手，它们的区别。

PHP中文网

认证高级PHP讲师

全部回复(2)

PHP中文网2017-04-10 14:37:14 2楼

没有任何区别。这种写法只是想当然而已。我反对if (!!var1)的写法。
同样无聊的写法还有：if ((var1 == var2) == true)。

if 接受“A condition expression that evaluates to true or false”，并非必须PrimitiveBoolean类型。
在《ECMAScript Spec》中，if (value)的语义相当于：if (ToBoolean(value))。
而Logical Not的语义相当于：not ToBoolean(value)。
即!!val相当于ToBoolean(value)。
也就是说：if (!!value)的语义相当于if(ToBoolean(ToBoolean(value)))。
如果你认为这种写法是合理的，那你为什么不继续写道：
if (!!(!!value))、
if (!!(!!(!!value)))
……？

请君一读《What the Tortoise Said to Achilles》

什么时候需要使用Logical Not !来转换类型呢？一般函数传参或返回值有这个必要。如果函数文档中说它返回一个Bool类型的值，那么函数作者就有责任保证其返回值的类型为（Primitive）Boolean。因为函数的使用者可能会写出依赖返回值类型的代码：

/**
@returns Bool
*/
function has(str,substr) {
  return !!~str.indexOf(substr);
  //return ~str.indexOf(substr); // wrong!!!
}
//函数使用者的代码：
JSON.stringify({
  //此选项值类型早约定为Enum(0|1)
  xxxOptionOnOff:+has(s,"xxx") //使用者依赖于Bool to Number的转换
});

同作向函数传参也需要注意类型：

/**
@param {Bool} flag
*/
function toggle(flag) {
  //期望设置className为 toggle-on-true 或toggle-on-false
  //尽管不推荐这种过于依赖Bool参数类型的代码，但既然文档声明是Bool类型
  //传参者就有必要保证参数类型正确，即使是JS这种弱类型语言
  ele.className= "toggle-on-"+flag;
}
toggle(!!btn.checked);
//toggle(btn.checked); //wrong! btn.checked可能返回String "checked"