加法运算符

前几天去面试，面试题中发现了一个非常有趣的问题，回去之后，开始找各种资料，总结了一下内容：

在+做运算符时基本类型会优先调用valueOf 对象类型优先toString，但是日期类型是特例，优先toString

var obj = {p : 1};   
obj.valueOf();     //Object { p: 1 }
obj.toString();    //"[object Object]"
1 + obj = '1[obj obj]'
1 + true = 2
'1' + true = '1true'
'' + true = true
1 + new Date = 一堆字符串
{}+ new Date= 时间戳
1 - new Date = 时间戳
new Date.valueOf();     //1528177770024
nes Date.toString();    //"Tue Jun 05 2018 13:49:59 GMT+0800 (CST)"  //基本类型会优先调用valueOf   对象类型优先toString， var func = function () {     this.toString = () => 'hello'     this.valueOf = () => 'bye' } 1 + new func // "1bye" 1 + func //"1function () {           //      this.toString = () => 'hello'           //      this.valueOf = () => 'bye'           //}"

//但是日期类型是特例，优先toString

var obj2 = new Date(); obj2.toString = function () { return 'hello' }; obj2.valueOf = function () { return 1 }; obj2 + 2 // "hello2"

下面是书本上的讲解

1：求两个数值的和。

1 + 1 // 2

JavaScript 允许非数值的相加。

第一行是两个布尔值相加，第二行是数值与布尔值相加。这两种情况，布尔值都会自动转成数值，然后再相加。

true + true // 2
1 + true // 2

两个字符串相加，这时加法运算符会变成连接运算符，返回一个新的字符串，将两个原字符串连接在一起。

'a' + 'bc' // "abc"

一个运算子是字符串，另一个运算子是非字符串，这时非字符串会转成字符串，再连接在一起。

1 + 'a' // "1a"
false + 'a' // "falsea"

加法运算符是在运行时决定，到底是执行相加，还是执行连接。也就是说，运算子的不同，导致了不同的语法行为，这种现象称为“重载”（overload）。由于加法运算符存在重载，可能执行两种运算，使用的时候必须很小心。

由于从左到右的运算次序，字符串的位置不同会导致不同的结果。

'3' + 4 + 5 // "345"
3 + 4 + '5' // "75"

2：对象的相加

如果运算子是对象，必须先转成原始类型的值，然后再相加。

var obj = { p: 1 };
obj + 2 // "[object Object]2"

上面代码中，对象obj转成原始类型的值是[object Object]，再加2就得到了上面的结果。

对象转成原始类型的值，规则如下。

首先，自动调用对象的valueOf方法。

var obj = { p: 1 };
obj.valueOf() // { p: 1 }

一般来说，对象的 valueOf方法总是返回对象自身，这时再自动调用对象的 toString方法，将其转为字符串。

var obj = { p: 1 };
obj.valueOf().toString() // "[object Object]"

对象的toString方法默认返回[object Object]，所以就得到了最前面那个例子的结果。

知道了这个规则以后，就可以自己定义valueOf方法或toString方法，得到想要的结果。

var obj = {
  valueOf: function () {
    return 1;
  }
};

obj + 2 // 3

上面代码中，我们定义obj对象的valueOf方法返回1，于是obj + 2就得到了3。这个例子中，由于valueOf方法直接返回一个原始类型的值，所以不再调用toString方法。

下面是自定义toString方法的例子。

var obj = {
  toString: function () {
    return 'hello';
  }
};

obj + 2 // "hello2"

上面代码中，对象obj的toString方法返回字符串hello。前面说过，只要有一个运算子是字符串，加法运算符就变成连接运算符，返回连接后的字符串。

这里有一个特例，如果运算子是一个Date对象的实例，那么会优先执行toString方法。

var obj = new Date();
obj.valueOf = function () { return 1 };
obj.toString = function () { return 'hello' };

obj + 2 // "hello2"

上面代码中，对象 obj是一个 Date对象的实例，并且自定义了 valueOf方法和 toString方法，结果 toString方法优先执行。

数值运算符（+）同样使用加号，但它是一元运算符（只需要一个操作数），而加法运算符是二元运算符（需要两个操作数）。

数值运算符的作用在于可以将任何值转为数值（与Number函数的作用相同）。

+true // 1
+[] // 0
+{} // NaN

1：求两个数值的和。

2：对象的相加

猜你喜欢