JS的隐式类型转换

前言：

写这篇文章的目的是我们最终要解决两个问题：[]==![]和{}==！{}，它们的结果是true、还是false呢

1.什么是隐式类型转换？

在进行一些运算，比较操作时，常用到隐式类型转换，比如==，Number(),String()等。

2.记住一些特殊的：

(1)原始值转为原始值

Number(undefined) =NaN;

Number(null)=0;

Number(true)=1;

Number(false)=0;

Number('')=0;

Number(' ')=0;

Number(NaN)=NaN;

undefined==时，右边只有是null和undefined才是true，其余都是false

null==时，右边只有是null和undefined才是true，其余都是false

NaN==时，无论右边是什么，都是false

（2）有以下6个虚值，在转为boolean时为false

分别是undefined，null，0，NaN，false，‘’

(3)使用！时，会将表达式隐式转换为Boolean类型。

（4）将引用值转换为原始值时：

使用Number(obj)时，会调用obj的valueOf的返回值，如果是基本数据类型则直接使用，如果是引用数据类型，就会找到obj的toString（）方法，如果是基本数据类型，就会返回，如果也是引用数据类型，就会报错。如果自身没有toString方法，就会顺着原型链查找，调用的原型的toString方法。这里举几个例子：

Number([]）//0

解释：数组的toString方法，返回的结果是将左右括号去掉的字符串，这里返回的就是‘’，使用Number包装之后就是0。同理：Number([1,2])的结果是NaN，因为[1,2]调用toString()方法之后，返回的是‘1,2’字符串，经过Number包装之后的结果就是NaN。

Number({}) //NaN

解释：{}没有自己的toString方法，会顺着原型链找到Object上的toString方法，调用之后返回的是[object Object]这样一个字符串，转成Number之后就是NaN。

总结：

以上的理论部分基本说完了，利用最初的问题做个最后的总结：

首先我们要记住一点，所有的==比较，最终都是将左右两边转换成Number类型进行比较。

1.[]==![]

分析：（1）左边可以直接转换成Number类型，就是0

（2）右边有！符号，![]会变成布尔类型，除了上面提到的6个虚值，[]转为布尔类型时为true，取反为false

（3）右边的false转为Number类型也是0

（4）最终左右两边都是0，结果为true

2.{}==!{}

分析：（1）左边转为Number类型为NaN

（2）右边转为布尔类型为false

（3）右边转Number类型为0

（4）最终NaN==0？之前提到过，NaN跟谁比较都是false，结果为false。