image.png

NaN

NaNNot a Number,非数)是计算机科学中数值数据类型的一类值,表示未定义或不可表示的值。常在浮点数运算中使用。首次引入NaN的是1985年的IEEE 754浮点数标准。

===

“===”叫做严格运算符,”==”叫做相等运算符。
严格运算符的运算规则如下:

不同类型值

如果两个值的类型不同,直接返回false:

  1. 1 === "1" // false
  2. true === "true" // false

同一类的原始类型值

同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false:

  1. 1 === 0x1 // true

上面代码比较十进制的1与十六进制的1,因为类型和值都相同,返回true。

注意

NaN与任何值都不相等(包括自身)。另外,正0等于负0。

复合类型值

两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个地址:

  1. {} === {} // false
  2. [] === [] // false
  3. (function () {} === function () {}) // false

上面代码分别比较两个空对象、两个空数组、两个空函数,结果都是不相等。

注意

原因是对于复合类型的值,严格相等运算比较的是,它们是否引用同一个内存地址,而运算符两边的空对象、空数组、空函数的值,都存放在不同的内存地址,结果当然是false。
如果两个变量引用同一个对象,则它们相等:

  1. var v1 = {};
  2. var v2 = v1;
  3. v1 === v2 // true

注意

对于两个对象的比较,严格相等运算符比较的是地址,而大于或小于运算符比较的是值:

  1. new Date() > new Date() // false
  2. new Date() < new Date() // false
  3. new Date() === new Date() // false

上面的三个表达式,前两个比较的是值,最后一个比较的是地址,所以都返回false。

undefined和null

undefined 和 null 与自身严格相等:

  1. null === null //true
  2. undefined === undefined //true

由于变量声明后默认值是undefined,因此两个只声明未赋值的变量是相等的:

  1. var v1;
  2. var v2;
  3. v1 === v2 // true

严格不相等运算符

严格相等运算符有一个对应的“严格不相等运算符”(!==),它的算法就是先求严格相等运算符的结果,然后返回相反值:

  1. 1 !== '1' // true

扩展

在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。类型转换规则如下:

  1. 原始类型的值

原始类型的数据会转换成数值类型再进行比较。字符串和布尔值都会转换成数值,所以题主的问题中会有第二个string输出。

  1. 对象与原始类型值比较

对象(这里指广义的对象,包括数值和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。

  1. undefined和null

undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。

  1. 相等运算符的缺点

相等运算符隐藏的类型转换,会带来一些违反直觉的结果:

  1. '' == '0' // false
  2. 0 == '' // true
  3. 0 == '0' // true
  4. false == 'false' // false
  5. false == '0' // true
  6. false == undefined // false
  7. false == null // false
  8. null == undefined // true
  9. ' \t\r\n ' == 0 // true

这就是为什么建议尽量不要使用相等运算符
至于使用相等运算符会不会对后续代码造成意外影响,答案是有可能会:

  1. var a = undefined;
  2. if(!a){
  3. console.log("1"); //1
  4. }
  1. var a = undefined;
  2. if(a == null){
  3. console.log("1"); //1
  4. }
  1. var a = undefined;
  2. if(a === null){
  3. console.log("1"); //无输出
  4. }

也就是说当a为undefined时,输出的值会有变化,而在编程中对象变成undefined实在是太常见了。
推荐一篇文章:运算符 — JavaScript 标准参考教程(alpha)