2019獨角獸企業重金招聘Python工程師標準>>>

由于具體實現上的問題，在實際的項目應用中，typeof只有兩個用途，就是檢測一個元素是否為undefined，或者是否為function。

為何呢？

JavaScript Garden整理出來了如下表格：

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

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

一定要區分這些東西？

Object.prototype.toString()有一個妙用，如果我們以某個特別的對象為上下文來調用該函數，它會返回正確的類型。我們需要做的就是手動處理其返回的字符串，最終便能獲得typeof應該返回的正確字符串。

可以用來區分：Boolean,?Number,?String,?Function,?Array,?Date,?RegExp,?Object,?Error等等。

jQuery.type()就是這樣實現的。以下代碼從jQuery源碼中抽取出來，可以直接用。

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

使用結果：

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

轉載于:https://my.oschina.net/wanjubang/blog/893162

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。