JS中，在运算符下valueOf与toString的关系

2024年1月14日 122次阅读 来源: Lycop

先说结论：运算操作(+|-|*|÷)时，对象的valueOf属性会先被调用，默认的valueOf属性会隐性地调用toString方法。

var a = {
        toString: function() {
                    console.log("in a.toString");
                    return "|_a->toString_|";
                },
                valueOf: function() {  
                    console.log("in a.valueOf");
                        return "|_a->valueOf_|";  
                    }
           };
alert(a);
//控制台->  in a.toString
//弹窗->  |_a->toString_|

结论1：alert方法只是单独直接调用toString方法；

var a = {
        toString: function() {
                    console.log("in a.toString");
                    return "|_a->toString_|";
                },
                valueOf: function() {  
                    console.log("in a.valueOf");
                        return "|_a->valueOf_|";  
                    }
           };
""+a;
//控制台->  in a.valueOf
""-a;
//控制台->  in a.valueOf
""*a;
//控制台->  in a.valueOf
""/a;
//控制台->  in a.valueOf

结论2：运算符会调用对象的valueOf方法；

var a = {
 ///      toString: function() {
 //                console.log("in a.toString");
 //                   return "|_a->toString_|";
 //               },
          valueOf: function() {  
                      console.log("in a.valueOf");
                      return "|_a->valueOf_|";  
                  }
           };
""+a;
//控制台->  in b.valueOf
""-a;
//控制台->  in b.valueOf
""*a;
//控制台->  in b.valueOf
""/a;
//控制台->  in b.valueOf

结论3：操作符默认不会调用toString方法；

var a = {
        toString: function() {
                    console.log("in a.toString");
                    return "|_a->toString_|";
                },
///              valueOf: function() {  
//                  console.log("in a.valueOf");
//                  return "|_a->valueOf_|";  
//                  }
           };
""+a;
//控制台->  in b.toString
""-a;
//控制台->  in b.toString
""*a;
//控制台->  in b.toString
""/a;
//控制台->  in b.toString

结论4：默认的valueOf会调用toString方法；

总结：
alert()：只调用toString
运算符：只调用valueOf
valueOf(默认)：会调用valueOf

    原文作者：Lycop
    原文地址: https://segmentfault.com/a/1190000011575714
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞