其实这类博客非常多,百度就一堆,不过知识这东西终究是自己写一写才印象深刻。
为啥写这篇博客呢,因为今天遇到了一道题,是这样的
var a='undefined',
b='false',
c='';
function assert(aVar) {
if(aVar){
return true;
}else{
return false;
}
}
assert(a);
assert(b);
assert(b);
问的是会输出什么,题目不难,只要认准那些都是字符串,就知道输出是true true false,但是这里有一点非常值得了解一下,就是toBoolean这个操作。比如if、for、while等判断条件中经常使用隐含的toBoolean操作。
正如我在《ECMAScript 2015规范文档中相等(==)运算符的详解》中说的一样,有些东西吧,实在不行就看规范文档。现在就来看看。这里附上原文链接。
直接了当的可以看到,undefined、null直接返回false; Symbol、Object永远返回true;本身就是Boolean型直接返回原本值;Number型的除+0、-0和NaN返回false以外,其余都返回true;String型中空字符串(即长度为0)返回false,其他情况返回true。
总结一下自身进行判断(toBoolean),假值的有6种情况:null、undefined、""(空字符串)、+0、-0、NaN。
举例子验证一下。
function assert(value) {
if(aVar){
console.log(true);
}else{
console.log(false);
}
}
let array = [undefined, null, true, false, Symbol('hello'), 0, NaN, '', 'hello'];
array.forEach(assert);
输出结果如下:
但是重点来了,在使用“==”相等运算符与false判断时,又有点小区别哦,因为“==”相等运算符进行的是数值运算,即存在toNumber操作,当然“===”严格相等运算符除了数值运算外,同时还进行typeof运算。这一块不细讲,可以参考我之前的博文《ECMAScript 2015规范文档中相等(==)运算符的详解》。
正是这一点小区别,引出了下面的内容。
从上面(例子不全,可自行验证)可以知道几点:
1、false、0、''、[]相互“==”判断为true,其余为false
2、undefined、null相互“==”判断为true,其余为false
(undefined在toNumber时转换成NaN,所以与其他的不等。只是按照约定undefined == null判断true)
3、NaN跟自身都不相等,所以永远判断为false
看到上面估计有点奇怪,[]是对象啊,不应该为true吗?还是回到之前说的if、for、while判断与“==”运算符是有区别的,下面举个简单例子。
if([]){
console.log("1")
}else{
console.log("2")
}
[]本身做判断时返回true,但是与false比较时,两侧进行的是toNumber操作,都返回的0,所以相等。
如果还不懂,配合此篇博文和《ECMAScript 2015规范文档中相等(==)运算符的详解》学习一波。