JS转换为基础类型

输出对象先toString再valueOf

先调用toString,若返回基础类型,则输出

    var test = {
        toString:function () {
            console.log('toString');
            return 1;
        },
        valueOf:function () {
            console.log('valueOf');
            return 2;
        }
    }
    alert(test);   
    // toString
    // 弹出1

若toString返回的不是基础类型,则继续调用valueOf

    var test = {
        toString:function () {
            console.log('toString');
            return {};
        },
        valueOf:function () {
            console.log('valueOf');
            return 2;
        }
    }
    alert(test);   
    // toString
    // valueOf
    // 弹出2

若两者都返回非基础类型值,则抛出异常

    var test = {
        toString:function () {
            console.log('toString');
            return {};
        },
        valueOf:function () {
            console.log('valueOf');
            return {};
        }
    }
    alert(test);   
    // toString
    // valueOf
    // Uncaught TypeError: Cannot convert object to primitive value
参与运算先valueOf再toString

先调用valueOf,若返回基础类型,则进行运算

    var test = {
        toString:function () {
            console.log('toString');
            return 1;
        },
        valueOf:function () {
            console.log('valueOf');
            return 2;
        }
    }
    alert(test + 1);   
    // valueOf
    // 弹出3

若valueOf返回非基础类型,则继续调用toString

    var test = {
        toString:function () {
            console.log('toString');
            return 1;
        },
        valueOf:function () {
            console.log('valueOf');
            return {};
        }
    }
    alert(test + 1);  
    // valueOf 
    // toString
    // 弹出2

若两者返回均为非基础类型,则抛出异常

    var test = {
        toString:function () {
            console.log('toString');
            return {};
        },
        valueOf:function () {
            console.log('valueOf');
            return {};
        }
    }
    alert(test + 1);   
    // valueOf
    // toString
    // Uncaught TypeError: Cannot convert object to primitive value
应用
  • == 比较
    若对象和字符串或者数值比较,则先要将对象先转换成基础类型再进行比较
        var a = {a:1};
        a.valueOf = a.toString = function () {
            return 1;
        }
        a == '1' // true
    
  • add(2)(3)(4)
        function add(arg){
            var sum = arg,
                result = function (b) {
                    sum += b;
                    return result;
                }
            result.valueOf = result.toString = function(){
                return sum;
            }
            return result;
        }
        add(2)(3)(4)
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,703评论 0 6
  • Javascript 中有6种基本类型(包括 symbol),以及对象类型,他们在不同的运算中会被系统转化为不同是...
    faremax阅读 860评论 0 3
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,918评论 0 38
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,551评论 0 17
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4