javascript: instanceof 和 typeof 的区别

鉴于ECMAScript 是松散类型的，因此需要一种手段来检测给定变量的数据类型

typeof 操作符

typeof可以获取一个变量的类型，它可以返回如下几个类型：

"undefined" 如果这个值未定义
"boolean"
"string"
"object"这个值是对象或null 
"number"
"function"

console.log(typeof(123));    //number
console.log(typeof("123"));  //string

我们可以使用typeof 来获取一个变量是否存在，如：

var arr = new Array();
if(typeof arr != "undefined"){
    statement;
}

如果使用 if(arr)a 如果arr不存在，则会报错，对于array，null等特殊对象，typeof一律返回object，这是typeof的局限性

instanceof 操作符

如果需要获取一个对象是不是数组或者其他类型，ECMAScript引入了另一个Java运算符instanceof 来解决这个问题

instanceof 常规用法

var arr = new Array();
if(arr instanceof Array){
    console.log(true);
}else{
    console.log(false);
}//true
if(arr instanceof Object){
    console.log(true);
}else{
    console.log(false);
}//true

注：arr instanceof Object 得到true并不是因为Array是Object 的子对象，而是因为Array的prototype属性属于Object,Array的父级是Function

instanceof 在继承关系中判断一个实例是否属于它的父类型

//! 判断 fun1 是否是 fun2类的实例。并且是否使其父类型的实例
function InFun(){}
function Fun1(){}
Fun1.prototype = new InFun();      //原型继承
var fun2 = new Fun1();
console.log(fun2 instanceof Fun1);//true
console.log(fun2 instanceof InFun);// true

以上代码判断了一层继承关系中的父类，在多层继承关系中，同样适用

复杂点的 instanceof 的使用

console.log(Object instanceof Object);    //true 
console.log(Function instanceof Function);//true 
console.log(Number instanceof Number);    //false 
console.log(String instanceof String);    //false 

console.log(Function instanceof Object);  //true 

console.log(fun2 instanceof Function);    //true 
console.log(fun2 instanceof fun2);        //false

看了上面的代码是不是又晕头转向了？为什么 Object 和 Function instanceof 自己等于 true，而其他类 instanceof 自己却又不等于 true 呢？如何解释？要想从根本上了解 instanceof 的奥秘，需要从两个方面着手：
1，语言规范中是如何定义这个运算符的。
2，JavaScript 原型继承机制。