浅谈valueOf和toString的区别

首先我们了解一下它们的作用
valueOf()：取得此对象的原始值
toString()：返回对象的字符串表示
道底什么时候调用valueOf(),什么时候调用toString()呢？
这里我总结了一下前辈们的成果，同时自己也查寻一些文档归纳了一下（先不考虑Date类型，因为这个比较特殊）。
1、任何与运算符相关的操作都会调用valueOf(),  这里的运算符包括(+,-,*,/,%,^,==)等运算符（Date类型除外）
2、在没有运算符的情况下对对象进行操作时，默认会调用toString()
3、对于包装类
Number()默认调用valueOf()
String()默认调用toString()
Boolean()两个方法都不调用
4、在一条语句中，valueOf()和toString()只会调一次
5、“===”运算符两个方法都不会调用
6、Date类型默认调用的是toString()方法（包括有运算符的下）
下面来验证一下以上观点
1、任何与运算符相关的操作都会调用valueOf()
<pre name="code" class="javascript">var obj = {
i : 's',
valueOf : function(){
console.log('valueOf');
return this.i;
},
toString : function(){
console.log('toString');
return this.i;

}
}
console.log(obj++); //valueOf
console.log(obj--); //valueOf
console.log(obj*1); //valueOf
console.log(obj/2); //valueOf
console.log(obj%2); //valueOf
console.log(obj^2); //valueOf
console.log(obj == 10); //valueOf
console.log('a'+obj); //valueOf</pre>
2、在没有运算符的情况下对对象进行操作时，默认会调用toString()
<pre name="code" class="javascript" style="text-indent: 2em;">var obj = {
i : 1,
valueOf : function(){
console.log('valueOf');
return this.i;
},
toString : function(){
console.log('toString');
return this.i;

}
}
console.log(obj); //toString</pre>
3、对观点3进行验证
<pre name="code" class="javascript" style="text-indent: 2em;">var obj = {
i : 1,
valueOf : function(){
console.log('valueOf');
return this.i;
},
toString : function(){
console.log('toString');
return this.i;

}
}
console.log(Number(obj)); //valueOf
console.log(String(obj)); //toString
console.log(Boolean(obj)); //
</pre>
4、在一条语句中，valueOf()和toString()只会调一次
<pre name="code" class="javascript" style="text-indent: 2em;">var obj = {
i : 1,
valueOf : function(){
console.log('valueOf');
return this.i;
},
toString : function(){
console.log('toString');
return this.i;

}
}
console.log(String(obj)); //toString
console.log(String(obj++)); //valueOf 这是是先执行++，因为++操作调用了valueOf()，之后进行String()运算是就不会再调用toString()和valueOf()了
</pre>
5、“===”运算符两个方法都不会调用
<pre name="code" class="javascript" style="text-indent: 2em;">var obj = {
i : 1,
valueOf : function(){
console.log('valueOf');
return this.i;
},
toString : function(){
console.log('toString');
return this.i;

}
}
console.log(obj === 's'); // 两信方法都没有调用
</pre>
6、Date类型默认调用的是toString()方法（包括有运算符的下）
<pre name="code" class="javascript" style="text-indent: 2em;">var date = new Date();
console.log(date.valueOf()); //1381411159735
console.log(date.toString()); //Thu Oct 10 2013 21:19:19 GMT+0800 (中国标准时间)
console.log(date + 1); //Thu Oct 10 2013 21:19:19 GMT+0800 (中国标准时间)
console.log(date + 1); Thu Oct 10 2013 21:19:19 GMT+0800 (中国标准时间)1
</pre>
由上面结果可以证明前面的观点

posted on 2013-11-05 09:31 红茶一点阅读(333) 评论(0) 收藏举报

刷新页面返回顶部

浅谈valueOf和toString的区别

导航

公告