• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • Object.prototype.valueOf()

    valueOf()方法返回指定对象的原始值。

    语法

    object.valueOf()
    

    返回值

    返回值为该对象的原始值。

    描述

    JavaScript调用valueOf方法将对象转换为原始值。你很少需要自己调用valueOf方法;当遇到要预期的原始值的对象时,JavaScript会自动调用它。

    默认情况下,valueOf方法由Object后面的每个对象继承。每个内置的核心对象都会覆盖此方法以返回适当的值。如果对象没有原始值,则valueOf将返回对象本身。

    JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能需要。因此,不同类型对象的valueOf()方法的返回值和返回值类型均可能不同。

    不同类型对象的valueOf()方法的返回值
    对象返回值
    Array返回数组对象本身。
    Boolean布尔值。
    Date存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
    Function函数本身。
    Number数字值。
    Object对象本身。这是默认情况。
    String字符串值。
    Math 和 Error 对象没有 valueOf 方法。

    你可以在自己的代码中使用valueOf将内置对象转换为原始值。创建自定义对象时,可以覆盖Object.prototype.valueOf()来调用自定义方法,而不是默认Object方法。

    覆盖自定义对象的valueOf方法

    你可以创建一个取代valueOf方法的函数,你的方法必须不能传入参数。

    假设你有个对象叫MyNumberType而你想为它创建一个valueOf方法。下面的代码为valueOf方法赋予了一个自定义函数:

    MyNumberType.prototype.valueOf = function() { return customPrimitiveValue; };
    

    有了这样的一个方法,下一次每当MyNumberType要被转换为原始类型值时,JavaScript 在此之前会自动调用自定义的valueOf方法。

    valueOf方法一般都会被 JavaScript 自动调用,但你也可以像下面代码那样自己调用:

    myNumberType.valueOf()
    

    注意:字符串上下文中的对象通过String对象不同。所有对象都能转换成一个“[object 类型]”这种格式的字符串。但是很多对象不能转换为数字,布尔或函数。

    示例

    使用valueOf

    // Array:返回数组对象本身
    var array = ["ABC", true, 12, -5];
    console.log(array.valueOf() === array);   // true
    
    // Date:当前时间距1970年1月1日午夜的毫秒数
    var date = new Date(2013, 7, 18, 23, 11, 59, 230);
    console.log(date.valueOf());   // 1376838719230
    
    // Number:返回数字值
    var num =  15.26540;
    console.log(num.valueOf());   // 15.2654
    
    // 布尔:返回布尔值true或false
    var bool = true;
    console.log(bool.valueOf() === bool);   // true
    
    // new一个Boolean对象
    var newBool = new Boolean(true);
    // valueOf()返回的是true,两者的值相等
    console.log(newBool.valueOf() == newBool);   // true
    // 但是不全等,两者类型不相等,前者是boolean类型,后者是object类型
    console.log(newBool.valueOf() === newBool);   // false
    
    // Function:返回函数本身
    function foo(){}
    console.log( foo.valueOf() === foo );   // true
    var foo2 =  new Function("x", "y", "return x + y;");
    console.log( foo2.valueOf() );
    /*
    ƒ anonymous(x,y
    ) {
    return x + y;
    }
    */
    
    // Object:返回对象本身
    var obj = {name: "张三", age: 18};
    console.log( obj.valueOf() === obj );   // true
    
    // String:返回字符串值
    var str = "http://www.xyz.com";
    console.log( str.valueOf() === str );   // true
    
    // new一个字符串对象
    var str2 = new String("http://www.xyz.com");
    // 两者的值相等,但不全等,因为类型不同,前者为string类型,后者为object类型
    console.log( str2.valueOf() === str2 );   // false
    

    改写.prototype.valueof

    function MyNumberType(n) {
        this.number = n;
    }
    
    MyNumberType.prototype.valueOf = function() {
        return this.number;
    };
    
    var myObj = new MyNumberType(4);
    myObj + 3; // 7