关于类型转换

Posted 2021-02-05 zhuhuoxingguang

　　javascript中，类型转换实在是太常见了。分为显示类型转换和隐式类型转换。

　　今天讨论的不是什么情况下，发生类型转换，而是在特定条件下，对象是怎么发生类型转换的。

　　以显示类型转换的方法Number()为例：

　　关于Number()的转换方法在《JavaScript高级程序设计》有详细的介绍

　　

　　我们现在关注的焦点在红线框出来的这块。

        var obj = {
            toString: function() {
                return "456"
            },
            valueOf: function() {
               return 123;
            }
        }
        console.log(Number(obj))

　　　在浏览器当中验证一下，返回123，如果按照我们对红线框出来的这句话理解，那么如果我们在重写valueOf的方法时，让其返回值变成NaN，那么他是不是就会再次调用toString方法呢？

       var obj = {
            toString: function() {
                return "456"
            },
            valueOf: function() {
                return NaN;
            }
        }
        console.log(Number(obj))

　　在浏览器中查看答案：

　　

　　很抱歉，依然是NaN，并没有调用toString方法，什么情况这是？

　　很纠结吧！

　　稍作变形： 

        var obj = {
            toString: function() {
                return "456"
            },
            valueOf: function() {
                return {
                    result: 124
                };
            }
        }
        console.log(Number(obj))

　　　当valueOf返回一个对象时，此时Number(obj)的返回结果居然是数字456，是不是很惊喜？仔细琢磨一下，发现：

　　在使用Number()对对象做显示类型转换时，优先调用valueOf方法，当返回结果非基本类型值时，他会再次调用toString方法。注意：如果这两个方法都重写了，而且返回值都是非基本类型值的话，会报错。

         var obj = {
            toString: function() {
                return {
                    num: 12
                }
            },
            valueOf: function() {
                return {
                    result: 124
                };
            }
        }
        console.log(Number(obj))    

　　报错如下：

　　

　　而如果仅仅重写了其中一个方法，无论哪个，他都优先调用重写后的方法，返回基本类型值之后，再按照基本类型值进行类型转换，转换为数值。

　　关注点在：重写了两个方法之后，如果valueOf直接返回NaN，并不会再次调用toString。