js object相加_JS加法运算全解析

终极命题：

在JS中：[]+[]、[]+{}、{}+[]、{}+{}的结果分别是什么？

一、JS中的类型

基本类型

JS的基本类型包括Undefined、Null、Boolean、Number和String五种。Undefined类型和Null类型的都只有一个值，即undefined和null；Boolean类型有两个值：true和false；Number类型的值有很多很多；String类型的值理论上有无数个。

值类型

JS中的值有原始类型(Primitive)和对象类型(Object)。在做相加等操作时，不是原始类型的要先转换为原始类型，再执行相关的操作。

二、JS中的加法运算

1、使用ToPrimitive运算转换左右运算元为原始数据类型(primitive)。

2、在转换后，如果其中一个运算元出现原始数据类型是“字符串”类型值时，则另一运算元强制转换为字符串，然后做字符串的连接运算。

3、在其他情况时，所有运算元都会转换为原始数据类型的“数字”类型值，然后作数字的相加。

三、ToPrimitive内部运算

加号运算符只能用于原始数据类型，对于对象类型的值，需要进行数据转换。在ECMAScript中，有一个抽象的ToPrimitive运算，用于将对象转换为原始数据类型，在对象的加法、关系比较或值相等比较的运算中，都会用到。

关于ToPrimitive的说明语法:

ToPrimitive(input, PreferredType?)

input代表代入的值，PreferredType可以是数字(Number)或字符串(String)其中一种，表示需要优先转换的原始类型。但如果没有提供这个值也就是预设情况，则会设置转换的hint值为"default"。这个首选的转换原始类型的指示(hint值)，是在作内部转换时由JS视情况自动加上的，一般情况就是预设值。

而在JS的Object原型的设计中，有两个方法，valueOf与toString，在对象的数据类型转换过程中会根据传入的值调整被调用的顺序。

PreferredType为数字(Number)时

当PreferredType为数字(Number)时，input为要被转换的值，转换input值的步骤:

1.如果input为原始数据类型，直接返回input。

2.否则，input是对象，调用valueOf()方法，如果能得到原始数据类型的值，返回这个值。

3.否则，input是对象，调用toString()方法，如果能得到原始数据类型的值，返回这个值。

4.否则，抛出TypeError错误。