判断数据类型的四种方法（Marksheng）

淩亂°似流年 2022-12-29 09:54 197阅读 0赞

**typeof**  
typeof（）一般用于判断基本类型null除外，typeof也可以判断function , 但判断Array, Error, null 这几个引用类型时对会被typeof判断为object，所以如果想判断这几种数据类型，就不能使用 typeof 了，比较有局限性

**instanceof**  
instanceof检测某一个实例是否属于一个类  
例如：  
class Fn \{  
constructor(name) \{  
this.name = name  
\}  
\}  
let obj = new Fn(‘nihao’)  
console.log(obj instanceof Fn) true  
判断obj是否是Fn的实例，是则返回true，否则返回 false

，instanceof检测的是原型，内部机制是通过判断对象的原型链中是否有类型的原型

注意： instanceof 后面一定要是对象类型，并且大小写不能写错  
instanceof有个弊端就是，对于number,string, boolean这三种类型只能通过构造函数定义

let num = new Number(123);  
console.log(num instanceof Number);  
如果使用  
var num = 12  
console.log(num instanceof Number)则为false，**还需要注意，null和undefined都返回false ,这是因为他们的类型就是自己本身，不是object创建出来的他们，所以返回了false**

**constructor构造函数**  
例如 ：  
function Fn() \{

}
        var obj = new Fn();
        console.log(obj.__proto__);
        console.log(Fn.prototype)
        console.log(obj.constructor == Fn)
    
        var num = 123
        console.log(num.constructor==Number)
    
        console.log(false.constructor == Boolean)
        console.log([].constructor==Array)
    
        除了 undefined和null外，其他类型都可以通过constructor属性来判断
       
        constructor是prototype对象上的属性,指向构造函数。实例化对象的__proto__ 等于构造函数的prototype,根据实例对象寻找属性的顺序，若实例      			对象上没有实例属性或方法时，就去原型链上寻找，因此，实例对象也是能使用constructor属性的
    
       当一个函数fn被定义时，js引擎会为fn添加prototype属性，然后在prototype属性上添加一个constructor属性，并让其执行Fn的引用，Fn利用原型对象的constructor属性引用了自身，但是当fn作为构造函数创建对象时，原型上的constructor属性被遗传到了新创建的对象上，从原型链的角度讲，构造函数fn就是新对象的类型，这样做的意义是，让对象诞生以后，就具有可追溯的数据类型

**object.prototype.toString()**  
toString()是 object 的原型方法，调用该方法，默认返回当前对象的class，这是一个内部属性，其格式返回

toString() 是对象的原型方法，调用该方法,默认返回当前对象的\[\[class\]\]，这是一个内部属性，其格式为\[object xxx\]其中xxx就是对象的类型，对于object对象，直接调用toString()就能返回\[object object\]对于其他对象，则需要call,apply,来调用才能返回正确类型信息

let obj = {};
        console.log(Object.prototype.toString(obj))
        //[object object]
    
         var num = 1;
         console.log(Object.prototype.toString.call(num))
         //[object number]
    
        console.log(Object.prototype.toString.call(undefined))
        //[object Undefined]
         console.log(Object.prototype.toString.call(document))
         //[object HTMLDocument]

封装一个获取变量准确类型的函数

var obj = new Date()
        function gettype(obj) {
            var type = typeof obj;
            if (type !== 'object') {
                return type
            }
            // 如果不是 object类型的数据，直接用typeof判断出来‘
            //如果是object类型的数据，准确判断类型必须使用object.prototype.tostring().call(obj)的方式才能判断
    
            return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1')
        }
        console.log(gettype(obj))