JavaScript 原型总结五 instanceof

1.instanceof

对于值类型，你能够经过typeof判断，string/number/boolean都很清楚，可是typeof在判断到引用类型的时候，返回值只有object/function，你不知道它究竟是一个object对象，仍是数组，仍是new Number等等。

这个时候就须要用到instanceof。例如：

function Foo(){}
var f1=new Foo();
console.info(f1 instanceof Foo);//true
console.info(f1 instanceof Object);//true
//f1这个对象是被Foo建立，可是“f1 instanceof Object”为何是true呢

至于为何过会儿再说，先把instanceof判断的规则告诉你们。根据以上代码看下图：

 

 

 

 

 

 

 

Instanceof运算符的第一个变量是一个对象，暂时称为A；第二个变量通常是一个函数，暂时称为B

Instanceof的判断队则是：沿着A的__proto__这条线来找，同时沿着B的prototype这条线来找，若是两条线能找到同一个引用，即同一个对象，那么就返回true。若是找到终点还未重合，则返回false

按照以上规则，你们看看“ f1 instanceof Object ”这句代码是否是true？ 根据上图很容易就能看出来，就是true。

这里也接上了我们上一节说的“乱”

看这个图片，千万不要嫌烦，必须一条线一条线挨着分析。若是上一节你看的比较仔细，再结合刚才我们介绍的instanceof的概念，相信能看懂这个图片的内容。

看看这个图片，你也就知道为什么上面三个看似混乱的语句返回的是true了。

问题又出来了。Instanceof这样设计，到底有什么用？到底instanceof想表达什么呢？

重点就这样被这位老朋友给引出来了——继承——原型链

instanceof表示的就是一种继承关系，或者原型链的结构

下一节<JavaScript 原型总结六 继承>