1.typeof
創(chuàng)新互聯(lián)公司2013年至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元額敏做網(wǎng)站,已為上家服務(wù),為額敏各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108
typeof 用來判斷各種數(shù)據(jù)類型,有兩種寫法:typeof xxx , typeof(xxx)
例如:
typeof 2 輸出 number typeof null 輸出 object typeof {} 輸出 object typeof [] 輸出 object typeof (function(){}) 輸出 function typeof undefined 輸出 undefined typeof '222' 輸出 string typeof true 輸出 boolean
這里面包含了js里面的五種數(shù)據(jù)類型 number、string、boolean、 undefined、object 和函數(shù)類型 function
2. instanceof
判斷已知對(duì)象類型的方法.instanceof 后面一定要是對(duì)象類型,并且大小寫不能錯(cuò),該方法適合一些條件選擇或分支。
var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name="22";}; console.log(c instanceof Array) //true console.log(d instanceof Date) //true console.log(e instanceof Function) //true // console.log(f instanceof function ) //false
3.constructor
根據(jù)對(duì)象的constructor判斷,返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用。
var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; alert(c.constructor === Array) ----------> true alert(d.constructor === Date) -----------> true alert(e.constructor === Function) -------> true //注意: constructor 在類繼承時(shí)會(huì)出錯(cuò)
4.prototype
所有數(shù)據(jù)類型均可判斷:Object.prototype.toString.call
這是對(duì)象的一個(gè)原生原型擴(kuò)展函數(shù),用來更精確的區(qū)分?jǐn)?shù)據(jù)類型。
var gettype=Object.prototype.toString gettype.call('aaaa') 輸出 [object String] gettype.call(2222) 輸出 [object Number] gettype.call(true) 輸出 [object Boolean] gettype.call(undefined) 輸出 [object Undefined] gettype.call(null) 輸出 [object Null] gettype.call({}) 輸出 [object Object] gettype.call([]) 輸出 [object Array] gettype.call(function(){}) 輸出 [object Function]
其實(shí)js 里面還有好多類型判斷 [object HTMLDivElement] div 對(duì)象 , [object HTMLBodyElement] body 對(duì)象 ,[object Document](IE)或者 [object HTMLDocument](firefox,google) ……各種dom節(jié)點(diǎn)的判斷,這些東西在我們寫插件的時(shí)候都會(huì)用到。
可以封裝的方法如下:
var gettype=Object.prototype.toString var utility={ isObj:function(o){ return gettype.call(o)=="[object Object]"; }, isArray:function(o){ return gettype.call(o)=="[object Array]"; }, isNULL:function(o){ return gettype.call(o)=="[object Null]"; }, isDocument:function(){ return gettype.call(o)=="[object Document]"|| [object HTMLDocument]; } ........ }
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接