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

描述

JavaScript调用valueOf方法将对象转换为原始值。你很少需要自己调用valueOf方法;当遇到要预期的原始值的对象时,JavaScript会自动调用它。
默认情况下,valueOf方法由Object后面的每个对象继承。 每个内置的核心对象都会覆盖此方法以返回适当的值。如果对象没有原始值,则valueOf将返回对象本身。
JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能需要。因此,不同类型对象的valueOf()方法的返回值和返回值类型均可能不同。

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

重写ValueOf

你可以创建一个取代 valueOf方法的函数,你的方法必须不能传入参数。
假设你有个对象叫 MyNumberType而你想为它创建一个valueOf方法。下面的代码为valueOf方法赋予了一个自定义函数:
MyNumberType.prototype.valueOf = function() { return customPrimitiveValue; };
Copy to Clipboard

有了这样的一个方法,下一次每当MyNumberType要被转换为原始类型值时,JavaScript 在此之前会自动调用自定义的valueOf方法。
valueOf方法一般都会被 JavaScript 自动调用,但你也可以像下面代码那样自己调用:
myNumberType.valueOf()
Copy to Clipboard
注意:字符串上下文中的对象通过 toString()方法转换,这与使用valueOf转换为原始字符串的String对象不同。所有对象都能转换成一个“[object 类型]”这种格式的字符串。但是很多对象不能转换为数字,布尔或函数。

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

使用ValueOf

  1. 使用 valueOf
  2. // Array:返回数组对象本身
  3. var array = ["ABC", true, 12, -5];
  4. console.log(array.valueOf() === array); // true
  5. // Date:当前时间距197011日午夜的毫秒数
  6. var date = new Date(2013, 7, 18, 23, 11, 59, 230);
  7. console.log(date.valueOf()); // 1376838719230
  8. // Number:返回数字值
  9. var num = 15.26540;
  10. console.log(num.valueOf()); // 15.2654
  11. // 布尔:返回布尔值truefalse
  12. var bool = true;
  13. console.log(bool.valueOf() === bool); // true
  14. // new一个Boolean对象
  15. var newBool = new Boolean(true);
  16. // valueOf()返回的是true,两者的值相等
  17. console.log(newBool.valueOf() == newBool); // true
  18. // 但是不全等,两者类型不相等,前者是boolean类型,后者是object类型
  19. console.log(newBool.valueOf() === newBool); // false
  20. // Function:返回函数本身
  21. function foo(){}
  22. console.log( foo.valueOf() === foo ); // true
  23. var foo2 = new Function("x", "y", "return x + y;");
  24. console.log( foo2.valueOf() );
  25. /*
  26. ƒ anonymous(x,y
  27. ) {
  28. return x + y;
  29. }
  30. */
  31. // Object:返回对象本身
  32. var obj = {name: "张三", age: 18};
  33. console.log( obj.valueOf() === obj ); // true
  34. // String:返回字符串值
  35. var str = "http://www.xyz.com";
  36. console.log( str.valueOf() === str ); // true
  37. // new一个字符串对象
  38. var str2 = new String("http://www.xyz.com");
  39. // 两者的值相等,但不全等,因为类型不同,前者为string类型,后者为object类型
  40. console.log( str2.valueOf() === str2 ); // false