JavaScript中两个感叹号（!!）的作用

WEB前端开发 2012-12-21 13:35:49 累计浏览 4,830 次

本机暂存

内容概览

这篇讲的是JavaScript里两个感叹号“!!”这个小技巧的具体作用。它能将任何表达式的结果强制转换为严格的布尔值（true或false），尤其适合处理那些可能为null、undefined或0的变量。

文章从一个常见场景切入：当变量`a`未定义时，直接用它做条件判断可能不符合预期。而`!!a`会先将其转为布尔值，这里因为`a`是undefined，第一次取反`!a`得到true，再次取反`!!a`就得到了false。这样就为后续逻辑提供了一个明确的布尔判断基础。

作者随后将“!!”这种布尔转换，与其他类型转换做了对比。比如`parseInt()`和`.toString()`是显式转换，而像数字加空字符串`1234+""`就是隐式转换为字符串。“!!”可以看作是一种针对布尔类型的隐式强制转换。

文章还梳理了JavaScript的布尔转换规则：false、undefined、null、0、空字符串会被转为false，而其他值如true、1、非空字符串、对象等则会转为true。因此，对于这些非标准布尔值，“!!”能快速得到一个等价的、干净的布尔状态，让代码意图更清晰。

看这么个例子：

var a；

var b=!!a;

a默认是undefined。!a是true，!!a则是false，所以b的值是false，而不再是undefined，也非其它值，主要是为后续判断提供便利。

!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;
因为javascript是弱类型的语言（变量没有固定的数据类型）所以有时需要强制转换为相应的类型，类似的如:

a=parseInt(“1234″)
a=”1234″-0 //转换为数字
b=1234+”" //转换为字符串
c=someObject.toString() //将对象转换为字符串

其中第1种、第4种为显式转换，2、3为隐式转换

布尔型的转换，javascript约定规则为

false、undefinded、null、0、”" 为 false
true、1、”somestring”、[Object] 为 true

对null与undefined等其他用隐式转换的值，用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于将这些值转换为“等价”的布尔值；

同分类推荐文章

translateZ() （2026-06-25 21:18:56）
translateY() （2026-06-25 21:17:56）
translateX() （2026-06-25 21:16:01）

查看更多前端文章 →

建议继续学习

JQuery实现Excel表格呈现（累计阅读 48,347）
深入理解Javascript之执行上下文(Execution Context) （累计阅读 18,401）
从输入 URL 到页面加载完成的过程中都发生了什么事情？（累计阅读 15,932）
图片动态局部毛玻璃模糊效果的实现（累计阅读 14,846）
天朝第二代身份证号码的验证机制（累计阅读 14,761）
HTML 5 的data-* 自定义属性（累计阅读 14,349）
分享一个JQUERY颜色选择插件（累计阅读 14,222）
什么是全栈工程师？（累计阅读 14,035）
快速排序（Quicksort）的Javascript实现（累计阅读 11,734）
7 天打造前端性能监控系统（累计阅读 11,187）