关于js内部处理方法的那点事

今天看到一个比较有意思的面试题  

console.log([1]+[2])

它输出的答案是'12', 这个之前在我的认知了不管任何类型只要 + ，那结果一定是个字符串，但是具体原因是因为什么，一直没深入研究过。

今天无意刷到了这个视频，也简单总结一下，方便日后查看，凡事要刨根问底，哈哈。

js内部有一个方法叫  toPrimitive(input,type)  ，它接受两个参数，input(传入的值)，type(值类型)

1.input判断传入的值是不是原始类型的值（number,string,null,undefined,boolean,symbol）

        是：直接返回

        不是：执行input.value(),再次判断是否是原始数据类型，是：直接返回

        还不是：执行 input.toString()，

                input字符串转换；  

                对象： [object,type]   type: 对象类型

console.log([]+[])

// 1.+号会执行toPrimitive()内部方法
// 2.console.log([].valueOf())   // 输出的是一个数组（[]）,还不是原始数据类型，继续往下走
// 3.console.log([].toString()) // 输出的是一个一个字符串，''
// 4.''+'' // 两个空字符串相加，还是一个空字符串


console.log([] + {})

/* ([].valueOf()) // 输出的是一个数组（[]）,还不是原始数据类型，继续往下走
   ([].toString) //输出的是一个一个字符串，'',所以第一个输出的是''
    
    接下来再分析{}

   ({}.valueOf())  // 输出是一个对象（{}）,,还不是原始数据类型，继续往下走
   ({}.toString) // [object type],type是对象类型，所以最后输出的是 [object,object]

   最后输出 [object,object]
*/