JavaScript中instanceof的含义以及作用

定义

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

简单的说 instanceof的作用是判断一个值，是否是某一个构造函数的实例对象

他们用法:

//区分 null  对象  数组 
     var e = null, f={"age":30}, h=[3,2,1];
     console.log(f instanceof Object);  //true
     console.log(h instanceof Object);  //true

     console.log(e instanceof Array);    //fasle
     console.log(e instanceof Object);    //fasle

instanceof作用

我们知道JavaScript有

1. 1.数值 2.字符串 3.布尔值 4.undefined 5.null 6.对象 6大类型

其他6对象又包含 普通对象 函数 数组等,那么让我们用typeof类型检测来检测一下他们的类型,并把异常的标注出来

var a=100,b='200',c=false,d=undefined,e=null,f={"age":30},g=function(){},h=[3,2,1];

console.log("a",typeof a);
console.log("b",typeof b);
console.log("c",typeof c);
console.log("d",typeof d);
console.log("e",typeof e);  //object   属于  null类型
console.log("f",typeof f);  
console.log("g",typeof g); //function  属于 object类型
console.log("h",typeof h);  //object   属于 object类型

拓展:NaN的typeof是number,它是特殊的数值,但它与其他数值进行比较的结果总是不相等的，包括它自身在内,判断是否是NaN只能用isNaN()来比较

我们发现null类型和对象里的函数以及数组类型提示并非我们想要的,我们想让null就显示null,函数和数组就显示object

我们可以用instanceof封装一个函数,精确的判断数据类型

    function get_type(n){
        if(typeof n == 'object'){
            //判断数组、对象、null
            if(n instanceof Array){
                return 'array';
            }else if(n instanceof Object){
                return 'object';
            }else{
                return 'null';
            }
        }else{
            return typeof n;
        }
    }
    var e = null, f={"age":30}, h=[3,2,1];
    console.log( get_type(e) );
    console.log( get_type(f) );
    console.log( get_type(h) );
    console.log( get_type(100) );