首页 > 代码库 > valueOf函数详解

valueOf函数详解

在类型转换中,经常用到方法valueOf()和他toString(),所有对象(包括基本包装类型)都拥有这两个方法。这篇文章我们先看看valueOf()方法。valueOf()方法会将对象转换为基本类型,如果无法转换为基本类型,则返回原对象。

【1】基本包装类型——Boolean型

   var obj = new Boolean(true);
   console.log(obj.valueOf());//true
   console.log(typeof obj.valueOf());//boolean
   //如果是包装类型的基本类型,则返回原基本类型值
    var a = true;
   console.log(a.valueOf());//true
   console.log(typeof a.valueOf());//boolean

如果是基本包装类型对应的基本类型,会返回原值。但这并不代表基本类型拥有valueOf()方法(基本类型不是对象,不拥有任何方法),而是在读取一个基本类型值时,后台会创建一个对应的基本包装类型的对象,从而调用一些方法。所以,基本类型“调用”valueOf()方法时,实际上是先创建了一个对应的基本包装类型,由此基本包装类型调用valueOf(),最后返回了其对应的基本类型,看起来就好像是基本类型调用了valueOf()方法而得到了原始值。

 

【2】基本包装类型——String型

   var obj = new String("hello");
   console.log(obj.valueOf());//hello
   console.log(typeof obj.valueOf());//string
   //如果是包装类型的基本类型,则返回原基本类型值
    var a = "hello";
   console.log(a.valueOf());//hello
   console.log(typeof a.valueOf());//string

同【1】,String基本包装类型和基本类型调用valueOf()方法都返回对应的基本类型

 

【3】基本包装类型——Number型

   var obj = new Number("123");
   console.log(obj.valueOf());//123
   console.log(typeof obj.valueOf());//number
   //如果是包装类型的基本类型,则返回原基本类型值
    var a = 123;
   console.log(a.valueOf());//123
   console.log(typeof a.valueOf());//number

同【1】,Number基本包装类型和基本类型调用valueOf()方法都返回对应的基本类型。

注意,如果直接用整数调用时,要加上括号,否则会报错。因为整数后面的点会识别为小数点。浮点型不会报错。

   console.log(123.valueOf());//Uncaught SyntaxError
   console.log((123).valueOf());//123
   console.log(12.3.valueOf());//12.3

 

【4】数组Array类型(返回原数组)

   var a = [1];
   console.log(a.valueOf());//[1]
   console.log(a === a.valueOf());//true

 

【5】函数Function类型(返回原函数)

   var a = function(){};
   console.log(a.valueOf());//function(){};
   console.log(a === a.valueOf());//true

 

【6】正则RegExp类型(返回原正则对象)

   var a = /a/g;
   console.log(a.valueOf());///a/g
   console.log(a === a.valueOf());//true

 

【7】对象Object类型

   var obj = {a:1};
   console.log(obj.valueOf());//Object{a:1}
   console.log(obj === obj.valueOf());//true

 

【8】Date类型(返回表示当前时间的数值

   var obj = new Date();
   console.log(obj);//Wed May 10 2017 12:19:05 GMT+0800 (中国标准时间)
   console.log(obj.valueOf());//1494389910179
   console.log(obj === obj.valueOf());//false
   console.log(obj.getTime() === obj.valueOf());//true

 

小结:

1)undefined和null没有此方法(基本类型肯定没有方法,String、Number和Boolean是因为有对应的基本包装类型,才可以调用方法);

2)基本包装类型和对应的基本类型,调用valueOf()返回对应的基本类型值;

3)对象类型(除Date类型)返回原对象;

4)Date类型返回表示日期的毫秒数

valueOf函数详解