关于javascript:有趣的JS隐式类型转换

乏味的JS-隐式类型转换

当两个不同数据类型的操作数在做运算，或者操作数与操作符不匹配的时候，js引擎不会报错，会把操作数转成对应的数据类型继续执行上来，这个转换是主动实现的，常常被叫做隐式类型转换。其实大部分开发者都或多或少理解过这一点，比方咱们常常会写这样的表达式!!param来确保参数是个Boolen值，+param确保是个数字，param + ''把参数转为字符串，然而总会遇到一些更简单的表达式，例如：
{1} + 3
3 + [1, 2]
'1' + +'3'
false == ![]
等等一大堆，那只有把规定理分明了，这些问题就迎刃而解了。次要就是这几种状况（疏忽BigInt和Symbol这两种不罕用的类型）：

1. +符号运算

这个运算符比拟非凡，先把它给拎进去，因为它既能够示意字符串连贯符号用来拼接两个字符串，又能够作为算数运算符做加法运算。这取决于运算符两边的数据类型

1. 只有有一个是字符串：把另外一个操作数的数据类型转成String依照字符串拼接
2. 否则把两个操作数转成Number类型做加法运算

转换规则是重点，在介绍转换规则之前先说下JS的数据类型，数据类型分为简略数据类型和简单数据类型，Undefined、Null、String、Number、Boolen这5个属于简略的简略数据类型，它们的换规定如下：

对象的转换就比较复杂了，不会进行间接转换而是通过一系列的办法。
转Number：

1. 先调用它的valueOf办法，如果是简略类型则执行运算，返回后果
2. 否则调用它的toString办法，如果是简略类型则执行运算，返回后果
3. 否则抛出谬误Uncaught TypeError: Cannot convert object to primitive value

转String，如果对象是日期Date类型

1. 先调用它的toString办法，如果返回是简略类型则执行运算，返回后果
2. 否则调用它的valueOf办法，如果是根本类型则执行运算，返回后果
3. 否则抛出谬误Uncaught TypeError: Cannot convert object to primitive value

如果不是日期类型：则1，2步骤调换，先调用valueOf再调用toString。补充一点：如果是数组转成String会先调用join办法再调用toString

let obj = {};obj.valueOf = function() {return 3};obj.toString = function() {return '1'};+obj // 输入 3'1' + obj // 输入 '13'obj.valueOf = function() {return {}};+obj // 输入 1let date = new Date();date.valueOf = function() {return 3};date.toString = function() {return 1};+date // 输入 3'1' + date // 输入 '11'date.toString = function() {return {}}; '1' + date // 输入 '13'

ES6对象新加了Symbol.toPrimitive办法，如果对象存在这个办法则执行这个办法转换，没有的话执行下面的规定。toPrimitive办法只有一个参数，会依据传入的类型转成对应的后果，这里有一点须要留神：当作为字符串拼接的时候传入的参数是default，String(params)调用的时候参数才会传入string。对于Date类型应该是外部公有逻辑，试了下重写不论用，能够看下这个：https://tc39.es/ecma262/#sec-...

let obj = {};obj.valueOf = function() {return 3};obj.toString = function() {return '1'};obj[Symbol.toPrimitive] = function(preferType) {    if (preferType == "number") {      return 666;    }    if (preferType == "string") {      return '3';    }    return null;}+obj // 输入 666'1' + obj // 输入 '1null'，preferType是defaultString(obj) // 输入 '3'

2. 关系运算符：>、<、==、===、>=、<=，!=

2.1相等运算符

对于===运算符除了比拟值以外还会进行类型的比拟，如果两边类型不一样必定是不相等了
对于==号运算符：

1. 如果两边都是援用类型（Object），存储的是内存地址，是不相等的（[] == [] // false, {} == {} // false）
2. 如果其中一个是null另一个是undefined返回true
3. 如果其中一个是null或者undefined另一个不是null也不是undefined，返回false
4. 如果其中一个是NaN，返回false
5. Infinity除了与Infinity和+Infinity相比是true外，其余都是false
6. -Infinity除了与-Infinity相比是true外，其余都是false
7. 剩下的状况会把两边的操作数按下面提到的转Number的规定转成数字做比拟，但如果两边的操作数都是字符串则依照从左到右顺次依照它们的ASCII码值比拟。例如'ac' < 'ab'后果是false，因为字母c的ASCII码值要大于字母b的ASCII码值

2.2其余关系运算符

依照2.1中规定7解决

3. 逻辑运算符（三目运算符、||、&&、！)、if和while条件表达式

转成Boolean值运算，除了这几个值undefined、null、0，+0、-0、''、NaN以外都是true

4. 算数运算符（*、/、-、%、++、--）和位运算符（|、&、~）

依照下面提到的转Number的规定，转成数字运算

其余状况

除了后面几种次要的状况，就剩下一些特例了

• alert，这个函数会把参数转为字符串
• 以{结尾的语句会被当做代码块，跟上前面的语句的时候相当于一目运算符，依照一目运算符的规定执行。例如：{} + 1 相当于 +1
• null <= 0是true，null >= 0也是true。因为null == 0是false，null > 0也是false，所以nul <= 0，同理null >= 0

举荐几个链接：
https://tc39.es/ecma262/#sec-toprimitive
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive
https://interglacial.com/javascript_spec/a-11.html#a-11.6.1