DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 淺談String.valueOf()方法的使用
淺談String.valueOf()方法的使用
編輯:JavaScript基礎知識     

前面的話

關於類型轉換,對象常見的兩個方法是toString()和valueOf()。實際上,這兩個方法也可以應用在包裝類型上。前面已經介紹過toString()方法,本文將介紹valueOf()方法,該方法返回原值

【1】undefined和null沒有valueOf()方法

undefined.valueOf();//錯誤
null.valueOf();//錯誤

【2】布爾型數據true和false返回原值

true.valueOf();//true
typeof true.valueOf();//'boolean'
false.valueOf();//false
typeof false.valueOf();//'boolean'
Boolean.valueOf();//Boolean() { [native code] }
typeof Boolean.valueOf();//'function'

【3】字符串類型原值返回

'1'.valueOf();//'1'
''.valueOf();//''
'abc'.valueOf();//'abc'
String.valueOf();//String() { [native code] }
typeof String.valueOf();//'function'

【4】數值類型分為整數和浮點數進行處理

Number.valueOf();//Number() { [native code] }
typeof Number.valueOf();//'function'

1、整數直接跟上.valueOf()形式,會報錯,提示無效標記,所以盡量加括號

0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token
(0).valueOf();//0
+0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token
(+0).valueOf();//0
-0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token
(-0).valueOf();//-0

[注意]-0的valueOf()值是-0,而-0的toString()值是'0'

2、浮點數原值返回

1.23.valueOf();//1.23
+1.23.valueOf();//1.23
-1.23.valueOf();//-1.23
NaN.valueOf();//NaN
Infinity.valueOf();//Infinity
-Infinity.valueOf();//-Infinity

[注意]和toString()不同的是,valueOf()不可以接收轉換基數

【5】對象Object類型及自定義對象類型返回原對象

{}.valueOf();//報錯,Unexpected token .
({}).valueOf();//Object{}
typeof ({}).valueOf();//'object'
({a:123}).valueOf();//Object{a:123}
Object.valueOf();//Object() { [native code] }
typeof Object.valueOf();//'function'
function Person(){
  this.name = 'test';
}
var person1 = new Person();
person1.valueOf();//Person {name: "test"}

【6】函數Function類型返回原函數

function test(){
  alert(1);//test
}
test.valueOf();/*function test(){
          alert(1);//test
         }*/
Function.valueOf();//Function() { [native code] }

【7】數組Array類型返回原數組

[].valueOf();//[]
[1].valueOf();//[1]
[1,2,3,4].valueOf();//[1,2,3,4]
Array.valueOf();//Array() { [native code] }

【8】和其他對象不同,時間Date類型返回一個數字值,它是this時間值

Date.now();//1465115123742
(new Date()).valueOf();//1465115123742
typeof (new Date()).valueOf();//'number'
Date.valueOf();//Date() { [native code] }

【9】正則表達式RegExp類型返回原正則對象

/ab/i.valueOf();///ab/i
/mom( and dad( and baby)?)?/gi.valueOf();//mom( and dad( and baby)?)?/gi
RegExp.valueOf();//RegExp() { [native code] }

【10】錯誤Error類型

Error.valueOf();//Error() { [native code] }
RangeError.valueOf();//RangeError() { [native code] }
ReferenceError.valueOf();//ReferenceError() { [native code] }
SyntaxError.valueOf();//SyntaxError() { [native code] }
TypeError.valueOf();//TypeError() { [native code] }
URIError.valueOf();//URIError() { [native code] }

總 結  

1、toString()和valueOf()的主要不同點在於,toString()返回的是字符串,而valueOf()返回的是原對象

2、由於undefined和null不是對象,所以它們toString()和valueOf()兩個方法都沒有

3、數值Number類型的toString()方法可以接收轉換基數,返回不同進制的字符串形式的數值;而valueOf()方法無法接受轉換基數

4、時間Date類型的toString()方法返回的表示時間的字符串表示;而valueOf()方法返回的是現在到1970年1月1日00:00:00的數值類型的毫秒數

以上這篇淺談String.valueOf()方法的使用就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved