实现一个全局通用的数据类型判断方法,来加深你的理解,代码如下:
function getType(obj){
let type = typeof obj;
if (type !== "object") { // 先进行typeof判断,如果是基础数据类型,直接返回
return type;
}
// 对于typeof返回结果是object的,再进行如下的判断,正则返回结果
return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1'); // 注意正则中间有个空格
}
/* 代码验证,需要注意大小写,哪些是typeof判断,哪些是toString判断?思考下 */
getType([]) // "Array" typeof []是object,因此toString返回
getType('123') // "string" typeof 直接返回
getType(window) // "Window" toString返回
getType(null) // "Null"首字母大写,typeof null是object,需toString来判断
getType(undefined) // "undefined" typeof 直接返回
getType() // "undefined" typeof 直接返回
getType(function(){}) // "function" typeof能判断,因此首字母小写
getType(/123/g) //"RegExp" toString返回
判断数数据类型的方法总结:
- typeof
直接在计算机底层基于数据类型的值(二进制)进行检测 typeof null为object
原因是对象存在在计算机中,都是以000开始的二进制存储,所以检测出来的结果是对象 typeof 普通对象/数组对象/正则对象/日期对象
都是object typeof NaN === ‘number’
- instanceof
检测当前实例是否属于这个类的 底层机制:只要当前类出现在实例的原型上,结果都是true 不能检测基本数据类型
- constructor
支持基本类型, constructor可以随便改,也不准
- Object.prototype.toString.call([val])
返回当前实例所属类信息
判断 Target 的类型,单单用 typeof 并无法完全满足,这其实并不是 bug,本质原因是 JS 的万物皆对象的理论。因此要真正完美判断时,我们需要区分对待:
基本类型(null): 使用 String(null)
基本类型(string / number / boolean / undefined) + function: - 直接使用 typeof即可
其余引用类型(Array / Date / RegExp Error): 调用toString后根据[object XXX]进行判断