isPrototypeOf和 instanceof 的區別

看了很多關於isPrototypeOf和instanceOf的區別感覺細細理解下來還是MDN上介紹的比較清楚：

isPrototypeOf() 方法用於測試一個對象是否存在於另一個對象的原型鏈上。

語法：  prototypeObj.isPrototypeOf(object)
參數：  object  在該對象的原型鏈上搜尋
返回值：  Boolean，表示調用對象是否在另一個對象的原型鏈上。

描述：isPrototypeOf 方法允許你檢查一個對象是否存在於另一個對象的原型鏈上。

例如，考慮下面的原型鏈：

function Fee() {
  // . . .
}

function Fi() {
  // . . .
}
Fi.prototype = new Fee();

function Fo() {
  // . . .
}
Fo.prototype = new Fi();

function Fum() {
  // . . .
}
Fum.prototype = new Fo();
下面創建一個 Fum 實例，檢測 Fi.prototype 是否存在於該實例的原型鏈上。

var fum = new Fum();
. . .

if (Fi.prototype.isPrototypeOf(fum)) {
  // do something safe
}

instanceof 運算符用來測試一個對象在其原型鏈中是否存在一個構造函數的 prototype 屬性。

語法: object instanceof constructor

參數: object 要檢測的對象. constructor 某個構造函數

描述:instanceof 運算符用來檢測 constructor.prototype 是否存在於參數 object 的原型鏈上。
// 定義構造函數
function C(){} 
function D(){} 

var o = new C();

// true，因為 Object.getPrototypeOf(o) === C.prototype
o instanceof C; 

// false，因為 D.prototype不在o的原型鏈上
o instanceof D; 

o instanceof Object; // true,因為Object.prototype.isPrototypeOf(o)返回true
C.prototype instanceof Object // true,同上

C.prototype = {};
var o2 = new C();

o2 instanceof C; // true

o instanceof C; // false,C.prototype指向了一個空對象,這個空對象不在o的原型鏈上.

D.prototype = new C(); // 繼承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true
需要注意的是，如果表達式 obj instanceof Foo 返回true，則並不意味着該表達式會永遠返回true，因為Foo.prototype屬性的值有可能會改變，改變之后的值很有可能不存在於obj的原型鏈上，這時原表達式的值就會成為false。
另外一種情況下，原表達式的值也會改變，就是改變對象obj的原型鏈的情況，雖然在目前的ES規范中，我們只能讀取對象的原型而不能改變它，但借助於非標准的__proto__魔法屬性，是可以實現的。比如執行obj.__proto__ = {}之后，obj instanceof Foo就會返回false了。

細細品味會發現兩者的區別主要是：

A.isPrototypeOf(B) 判斷的是A對象是否存在於B對象的原型鏈之中

A instanceof B  判斷的是B.prototype是否存在與A的原型鏈之中

所以就有下面的結論：
　　　　如果 A.isPrototypeOf(B)  返回true 則B instanceof A 一定返回true

  有點繞但是挺清晰