1.如果两个操作数都为数值,则执行常规的加法计算:
(1)若一个为NaN,则结果为NaN。
2.如果一个操作数为字符串。
(1)另一个非对象,则执行字符串拼接操作。
'1' + true "1true"
true + '1' "true1"
'1' + null "1null"
'1' + NaN "1NaN"
(2)另一个为对象时。则会尝试调用valueOf(),若返回值是原始类型,则用原始类型。若不是,则调用toString()方法。
const obj = {
valueOf () {
return 2
}
}
let a = '1' + obj; // "12"
let b = function () {}
console.log('1' + b); // 1function () {}
3.当一个操作数为数值类型,另一个为以下情况时:
(1)布尔值
true换为1,false为0
(2)undefined
undefined用Number(),转换为NaN。
(3)对象
先尝试调用valueOf(),看是否返回原始类型值。否则,调用toString()。
4.当两个操作数都为对象时。
(1){} + [] 结果为 “”,空字符串。
这里“{}”会被js解析为代码块执行,而[]会内部先尝试调用valueOf(),看是否返回原始类型值。否则,调用toString()。空数组调用toString()返回空字符串。(MDN:Array对象覆盖了Object的 toString 方法。对于数组对象,toString 方法连接数组并返回一个字符串,其中包含用逗号分隔的每个数组元素。)
(2)[] + {} 结果为 “[object Object]”。
这里“{}”不会被js解析为代码块执行。这两个操作数都会内部先尝试调用valueOf(),看是否返回原始类型值。否则,调用toString()。