js中 [] + {} 与 {} + [] 的区别

1.js中 [] + {} 与 {} + [] 的区别

1.一般都会以为，这里的规则是隐式类型转换的规则
2.对 [] + {} 是进行的，隐式类型转换。
3.但是对{} + [],却不是进行的隐式类型转换的规则

2.[] + {} 的分析

1. 这里都会将 [] 认为是数组，{} 是一个空对象
2. []空数组，转换为字符串，这里会得到 '' (一个空的字符串)，而{}转换为字符串，就会得到 "[object object]"
3. 所以结果为 '' + "[object object]"

就是 [] + {},会被转换为 ‘’ + ‘[object object]’
所以，最终是一个字符串的拼接，一个空字符串(’’)，拼接一个非空字符串("[object object]")

'' + "[object object]" // 的值就是 "[object object]"

3. {} + []的分析

1.这里会吧 {} 看做一个，独立的代码块，就是说它是不进行运算操作的
2.所以 {} + [],就变成了 + []

+[]是什么意思呢？这里进行的就是数据类型的转换

1.向将 + [],中的[]转换为字符串,空数组转换为字符串就变成 '' (空的字符串)
2. + '' 一般这里是加法操作，所以需要将 '' 转换为 数字类型,空字符串转换数字就是 0

{} + []
实际变成 + [] 的操作，因为{}是一个独立的代码块，不进行算术操作
+ [] ----> + '' -----> 0

3.附上《你不知道的javascript 中卷》中的解释