Javascript几种判断 数据类型 的方法

通过简单的例子对比JavaScript各种数据类型判断的差异。

const a=1 //number
const b='a' //string
const c=true //boolean
const d=null //null
const e=undefined //undefined
const f=new Date() //date
const g={} //object
const h=[] //array
const i=function(){} //function

1、typeof，常用于判断基本数据类型。原理是返回其原型链最顶部的object类型，主要用于判断基础数据类型。缺陷：null、date、object、array几种数据类型都会判断为object。

console.log(typeof a) //number
console.log(typeof b) //string
console.log(typeof c) //boolean
console.log(typeof d) //object
console.log(typeof e) //undefined
console.log(typeof f) //object
console.log(typeof g) //object
console.log(typeof h) //object
console.log(typeof i) //function

2、instanceof，简单来说就是判断instance 左侧实例的__proto__原型链上是否存在 右侧构造函数的prototype，常用于判断引用数据类型。

官方解释： instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

console.log(f instanceof Date) //true
console.log(g instanceof Object) //true
console.log(h instanceof Array) //true
console.log(i instanceof Function) //true

简单实现instanceof功能

function myInstranceOf(instance,construct){
    let __proto__=instance.__proto__
    const prototype=construct.prototype
    while(true){
        if(__proto__===null){
            return false
        }
        if(__proto__===prototype){
            return true
        }
        __proto__=__proto__.__proto__
    }
}
console.log(myInstranceOf(i,Function)) //true

3、Object.prototype.toString.call()，比较通用。

console.log(Object.prototype.toString.call(a) === '[object Number]') //true
console.log(Object.prototype.toString.call(b) === '[object String]') //true
console.log(Object.prototype.toString.call(c) === '[object Boolean]') //true
console.log(Object.prototype.toString.call(d) === '[object Null]') //true
console.log(Object.prototype.toString.call(e) === '[object Undefined]') //true
console.log(Object.prototype.toString.call(f) === '[object Date]') //true
console.log(Object.prototype.toString.call(g) === '[object Object]') //true
console.log(Object.prototype.toString.call(h) === '[object Array]') //true
console.log(Object.prototype.toString.call(i) === '[object Function]') //true

数据类型判断工具

function TypeOf(val) {
    return Object.prototype.toString.call(val).slice(8, -1).toLowerCase();
}

参考文章：https://developer.aliyun.com/article/975547