类型转换之加法操作符

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()。

你可能感兴趣的:(js基础)