1, typeof的坑及原理
typeof用法最简单,直接在后面跟要检测的值。它可以用来检测除null之外的其它原生类型,但无法区分null和对象类型,原因是其在底层实现上是根据被检测类型的二进制前几位来检测的,而null和对象在底层的二进制表示前3位都是000,因此无法区分。
实现原理:在底层实现上是根据被检测类型的二进制前几位来检测
typeof '' || typeof ' ' // "string"
typeof NaN || typeof 123 // "number"
typeof true|| typeof false // "boolean"
typeof Boolean // "function"
typeof undefined // "undefined"
typeof null // "object"
typeof [] // "object"
typeof /a*/ // "object"
2, instanceof的坑及原理
为了弥补typeof的缺陷,后面人们使用instanceof。instanceof用来判断某个实例是否属于某一类型。它的实现原理是通过上溯实例的原型链来判断是否属于某类型。由于原型是可以被修改的,因此使用instanceof来检测类型也不靠谱。而且instanceof也不能检测基本类型。
实现原理:通过上溯实例的原型链来判断是否属于某类型
let obj = {
"val": 1
}
obj.__proto__ = []
obj instanceof Array // true
1 instanceof Number // false
3, constructor的坑及原理
constructor虽然支持基本类型,但因为对象的constructor也可以被随意修改,因此也不靠谱
let obj = {
"val": 1
}
obj.constructor = Array
obj.constructor == Array // true
4, Object.prototype.toString.call()
Object.prototype.toString()方法返回的是"[object Object]",也即Object的类型字符串,也被称为stringTag,利用call()方法即可应用在需要被检测类型的值上。该方法是比较完善的(唯一的小缺点就是无法区分原生类型和相应的包装对象),但使用起来有点麻烦。实践中,对于除null之外的原生类型,可使用typeof,其它情况再用stringTag方法。
Object.prototype.toString.call("a") // "[object String]"
Object.prototype.toString.call(String("a")) // "[object String]"
Object.prototype.toString.call(/a*/) // "[object RegExp]"
Object.prototype.toString.call({}) // "[object Object]"
5, 总结
typeof函数虽然简单易用,但存在无法分清null和Object以及不能细分各种对象类型的缺陷,通过Object.prototype.toString.call()则能很好地弥补其不足,实践中可以将二者结合使用或者基于Object.prototype.toString.call()直接封装一个简易方法。
封装一个通用的数据类型检测方法
// 通过call()改变this指向,使用原型上的toString方法得到数据类型。
function dataType(data) {
if (typeof (data) == 'object') {
return Object.prototype.toString.call(data);
} else {
return typeof (data);
}
}
-------------------------------------------------
// instanceof 结合typeof
function dataType(data) {
if (typeof data == "object") {
if (data) {
if (data instanceof Array) {
return "array";
} else if (data instanceof Date) {
return "date";
} else {
return "object";
}
} else {
return "null";
}
} else {
return typeof data;
}
}