typeof不好判断null、Array，Object等，自己封装一个类型判断方法，可精确判断

以你之姓@ 2021-07-24 20:15 219阅读 0赞

这里参考了jQuery的做法：

var class2type={};	//定义一个对象
    var typeArr = "Boolean Number String Function Array Date RegExp Object".split(" ");//将所有的类型放到一个数组
    for(var i=0,len=typeArr.length;i<len;i++){
    	var name=typeArr[i];
    	class2type[ "[object " + name + "]" ] = name;
    }
    
    function getType( obj ) {
    	return obj == null ?
    		String( obj ) :
    		class2type[ Object.prototype.toString.call(obj) ] || "undefined";
    }
    
    
    console.log(getType("abc"));//字符串String
    console.log(getType(1));//数字Number
    console.log(getType(null));//null
    console.log(getType(undefined));//undefined
    console.log(getType(function(){}));//Function
    console.log(getType({}));//Object
    console.log(getType(/test/));//RegExp
    console.log(getType(true));//Boolean
    console.log(getType([]));//Array
    console.log(getType(new Date()));//Date

输出：

String
    Number
    null
    undefined
    Function
    Object
    RegExp
    Boolean
    Array
    Date

用这个来判断类型的话，就一目了然。

把typeof输出放到一起，来比对一下就很明显了：

console.log(getType("abc"),"----",typeof "abc");//字符串String
    console.log(getType(1),"----",typeof 1);//数字Number
    console.log(getType(true),"----",typeof true);//Boolean
    console.log(getType(function(){}),"----",typeof function(){});//Function
    console.log(getType(null),"----",typeof null);//null
    console.log(getType(undefined),"----",typeof undefined);//undefined
    console.log(getType({}),"----",typeof {});//Object
    console.log(getType(/test/),"----",typeof /test/);//RegExp
    console.log(getType([]),"----",typeof []);//Array
    console.log(getType(new Date()),"----",typeof new Date());//Date

看输出结果的比较：

String ---- string
    Number ---- number
    Boolean ---- boolean
    Function ---- function
    null ---- object
    undefined ---- undefined
    Object ---- object
    RegExp ---- object
    Array ---- object
    Date ---- object

看结果typeof有几个判断为object的，而封装后却能明显的区分开来！

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中判断数据类型：typeof与instance of

1： typeof: 1：typeof 一般被用于判断一个变量的类型，我们可以利用 typeof 来判断number, string, object,bool

「爱情、让人受尽委屈。」/ 2022年11月12日 02:32/ 0 赞/ 160 阅读

相关扩展typeof来判断js变量的类型

Javascript 的 typeof可以获取变量的类型,有如下6种返回值： 1）number； 2）string； 3）boo

我不是女神ヾ/ 2022年08月06日 16:21/ 0 赞/ 200 阅读

相关 JS类型判断typeof PK {}.toString.call(obj);

先看typeof <!doctype html> <html lang="en"> <head> <m

àì夳堔傛蜴生んèń/ 2022年07月16日 00:10/ 0 赞/ 158 阅读

相关判断数据类型：typeof和instanceof

（1）typeof 主要用于判断数据是不是基本数据类型：String、Number、Object、Null、Undefined，但是无法判断出function（有些浏览器会出

痛定思痛。/ 2022年06月09日 22:17/ 0 赞/ 290 阅读

相关 Tika判断文件类型（可正确判断）

try (InputStream is = theInputStream; BufferedInputStream bis = new Buff

r囧r小猫/ 2022年04月23日 08:26/ 0 赞/ 372 阅读

相关 JavaScript精确判断对象类型——Object.prototype.toString

面试中经常会问到js的数据类型有哪些，以及如何判断数据类型的问题，对于基本数据类型undefined，string，boolean，number，symbol使用最常用

谁践踏了优雅/ 2022年04月22日 03:14/ 0 赞/ 232 阅读

相关 java 类型判断方法

java 类型判断方法有三种，分别是instanceof, isInstance,isAssignableFrom. 1、instanceof是关键字，isInstance

Myth丶恋晨/ 2022年02月14日 03:50/ 0 赞/ 555 阅读

相关 js 中判断变量的类型（ typeof 和 instanceof ）

typeof 判断基本类型，返回一个字符串 console.log(typeof '');//string console.log(t

小咪咪/ 2021年10月24日 01:20/ 0 赞/ 538 阅读

相关判断数据类型的方法？instanceof原理?判断空对象？ typeof null？typeof NaN？

判断数据类型的方法 typeof 判断数据类型，它返回表示数据类型的字符串（返回结果只能包括number,boolean,string,function,object,un

迷南。/ 2021年09月08日 05:52/ 0 赞/ 493 阅读

相关 typeof不好判断null、Array，Object等，自己封装一个类型判断方法，可精确判断

这里参考了jQuery的做法： var class2type={}; //定义一个对象 var typeArr = "Boolean Number Str

以你之姓@/ 2021年07月24日 20:15/ 0 赞/ 220 阅读