2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

由于具體實(shí)現(xiàn)上的問(wèn)題，在實(shí)際的項(xiàng)目應(yīng)用中，typeof只有兩個(gè)用途，就是檢測(cè)一個(gè)元素是否為undefined，或者是否為function。

為何呢？

JavaScript Garden整理出來(lái)了如下表格：

Value function typeof ------------------------------------- "foo" String string new String("foo") String object 1.2 Number number new Number(1.2) Number object true Boolean boolean new Boolean(true) Boolean object new Date() Date object new Error() Error object [1,2,3] Array object new Array(1, 2, 3) Array object new Function("") Function function /abc/g RegExp object new RegExp("meow") RegExp object {} Object object new Object() Object object

所以我們一般用“鴨子類(lèi)型”來(lái)做流程控制，好晚了，不多講，去搜一下吧。

一定要區(qū)分這些東西？

Object.prototype.toString()有一個(gè)妙用，如果我們以某個(gè)特別的對(duì)象為上下文來(lái)調(diào)用該函數(shù)，它會(huì)返回正確的類(lèi)型。我們需要做的就是手動(dòng)處理其返回的字符串，最終便能獲得typeof應(yīng)該返回的正確字符串。

可以用來(lái)區(qū)分：Boolean,?Number,?String,?Function,?Array,?Date,?RegExp,?Object,?Error等等。

jQuery.type()就是這樣實(shí)現(xiàn)的。以下代碼從jQuery源碼中抽取出來(lái)，可以直接用。

var class2type = {} ; "Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(e,i){class2type[ "[object " + e + "]" ] = e.toLowerCase(); }) ; //當(dāng)然為了兼容IE低版本，forEach需要一個(gè)polyfill，不作細(xì)談了。 function _typeof(obj){if ( obj == null ){return String( obj );}return typeof obj === "object" || typeof obj === "function" ?class2type[ class2type.toString.call(obj) ] || "object" :typeof obj; }

使用結(jié)果：

_typeof(new String()) ->"string" _typeof("123") ->"string" _typeof(new RegExp()) ->"regexp" _typeof(null) ->"null"

轉(zhuǎn)載于:https://my.oschina.net/wanjubang/blog/893162

總結(jié)

以上是生活随笔為你收集整理的javascript完美判断类型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。