一、先介绍下5种原始类型
JavaScript中5种原始类型为
string
，number
，boolean
，undefined
，null
console.log(typeof age); //number
console.log(typeof single); //boolean
console.log(typeof app); //undefined
console.log(typeof null); //object
发现
除null外
的其他4种基本类型均可以用typeof
来识别：因为typeof null会得到object，所以直接用===来检测null：
二、对象
JavaScript的对象包括内置对象（
Date，RegExp ，Error
等）和自定义对象
。（注意，Function和Array虽然也都是内置对象，但下一节单独讲）
对象不能像基本类型那样用
typeof
来检测了，因为检测出来的结果都是object
：要改用instanceof来检测：
year = date.getFullYear();
}
if(reg instanceof RegExp) { //检测正则表达式
reg.test(...);
}
if(err instanceof Error) { //检测异常
throw err;
}
if(me instanceof Person) { //检测自定义对象
...
}
但自定义对象有个问题，假设浏览器frameA里和frameB里都定义了Person。 frameA里定义了me对象，用me instanceof Person检测出来为true。但当自定义对象me传给frameB后，在frameB里instanceof会是false。
本节一开头就说了，Function和Array虽然也都是内置对象，但留到下一节讲。原因就是Function和Array也有和自定义对象相同的上述问题。因此Function和Array一般不用instanceof
三、Function
上面说了用instanceof检测Function不能跨frame。因此用typeof来检测，它可跨frame：
但IE8以前用typeof来检测DOM系函数会得到object，因此IE8以前改用in：
if("getElementById" in document) { … }
if("getElementsByTagName" in document) { … }
if("createElement" in document) { … }
四、Array
上面说了用instanceof检测Array不能跨frame。ES5之前都自定义检测方法。其中最精确的方法：
依赖Array的toString会返回固定字符串”[Object Array]”的事实来检测
：该方法精确且优雅，因此被很多库所采纳，最终在ES5被作为isArray方法引入了Array，参照MDN。现在你不需要自定义检测方法了，直接用
isArray()
即可。其他检测方法，都各有缺陷，不能100%精确。但作为一种思路是可以借鉴的。例如依赖Array是唯一包含sort方法的对象的事实来检测：
五、属性
检测属性是否在实例对象中应该用
hasOwnProperty
。如果你不关心属性是在实例对象中还是在原型对象中，可以简单点用in例如检测字面量对象属性：
例如实例对象属性：
if("name" in me) { … } //true
if(me.hasOwnProperty("name")) { … } //true
if("location" in me) { … } //true
if(me.hasOwnProperty("location")) { … }//false
除此之外其他方法都不好：
总结
用typeof检测string，number，boolean，undefined，Function
用===检测null
用isArray()检测Array
用instanceof检测内置对象（除Function和Array）和自定义对象
用hasOwnProperty检测属性是否在实例对象中。如果你不关心属性是在实例对象中还是在原型对象中，可以简单点用in
好了，本篇介绍如何检测JavaScript各种类型的内容就到这里了，希望大家能够认真学习本文的内容，或许对大家学习JavaScript有所帮助。
原文链接：https://www.f2er.com/js/47006.html