【深入学习】关于js的运算符重载（+ 等）， 以及 js中的那些隐式类型转换
今天遇见了一个问题，一个div从上往下运动，一个从下往上运动，需要判断他们碰头时做出其他操作，简单的思维是判断上对象移动的值加上下对象移动的值等于视口的height。
|
1
2
3
4
|
if(movingObj1 + movingObj2 == window.innerHeight)
{ // doSomething();
} |
于是这里就引出了一个关于 对象相加的问题，当然，这里写一个plus函数就可以解决了，但是突然让我想起了学过的运算符重载，js中普通的重载容易，判断args的length即可，那么运算符的重载呢？？
想着想着就想起了js中的隐式类型转换：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
console.log('2' + 1); // 21
//由此可以看出， 当加号一边为字符串时，会进行隐式类型转换，将number转化为string//于是我就有了新的想法，重写toString函数不就行了吗? function objectNum(num) {
this.value = num;
}
var num1 = new objectNum(1);
var num2 = new objectNum(2);
console.log(num1 + num2); //这里进行默认的Object.prototype.toString()
// 结果为 [object Object][object Object] ，加号作为了字符串连接的作用
//重写之后
objectNum.prototype.toString = function () {
return parseFloat(this.value); //js中number数据类型是float
}
console.log(num1 + num2); // 结果为 3
console.log(num1 - num2); // 结果为 -1
console.log(num1 * num2); // 结果为 2
console.log(num1 / num2); // 结果为 0.5
|
到这里运算符的重载就完成了，但是这里就隐出来了关于隐式类型转换的问题。
原来研究了一下关于 == 的类型转换，发现对象的隐式类型转换无非是 Object.prototype.valueOf() / Object.prototype.toString();
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
function objectNum(num) {
this.value = num;
}
objectNum.prototype.toString = function () {
return parseFloat(this.value);
}
var num2 = new objectNum(2);
//现在重写两个方法
num2.toString = function () {
return 1000;
}
num2.valueOf = function()
{
return this.value;
}
alert(num2); // 1000
console.log(num2); //objectNum {value: 2}
//由此可知 alert隐式转换调用 toString(),console.log 隐式转换调用 valueOf()
//那么当我想重载运算符的时候，这两个函数都重写了会优先调用哪个呢？？
console.log(++num2); // 结果3 而不是1001，优先调用valueOf
console.log(num2 + '22'); // 结果100022 ，不是322，优先调用toString
//因此可以知道，当没有字符串时，优先调用的是valueOf()。
//进一步证明 ：
num2.valueOf = function()
{
return 'thie';
}
console.log(++num2); //返回NaN，因此可知先调用了 valueOf()，但是因为 返回的是字符串 遇见了 运算符且没有字符串，则隐式转换为number型，所以返回NaN
|
总结: 如果想要重载运算符，则重写toString方法或者valueOf方法则可以完成运算符的重载，因为valueOf的优先级比较高，所以我偏向使用这个。
转自：http://www.kgc.cn/bbs/post/68321.shtml