バインドと継承の相関の理解について

Question

今日はFunction.prototype.bind()のMDNドキュメントを読んでいました。セクションBound functions used as constructorsの下に、私がかなり理解できない例があります。

私はaxisPointがのインスタンスである理由私ははっきりと見ることができるのNode.js（v.4.4.5）とGoogle Chromeの（v58.0.3029.81）の両方で

function Point(x, y) { 
    this.x = x; 
    this.y = y; 
} 

Point.prototype.toString = function() { 
    return this.x + ',' + this.y; 
}; 

var p = new Point(1, 2); 
p.toString(); // '1,2' 

var emptyObj = {}; 
var YAxisPoint = Point.bind(emptyObj, 1/*x*/); 

var axisPoint = new YAxisPoint(5); 
console.log(axisPoint.toString()); // '1,5' 

console.log(axisPoint instanceof Point); // true 
console.log(axisPoint instanceof YAxisPoint); // true 
console.log(new Point(17, 42) instanceof YAxisPoint); // true 

を以下のコードを実行しましたPointとYAxisPointの両方です。しかし、どのように世界でnew Point(17,42)YAxisPointのインスタンスになることができますか？

Answer 1

しかし、どのように世界でnew Point(17,42)はYAxisPointのインスタンスになることができますか？

ため、バインドされた機能（.bind()呼び出しから作成されたもの）と特別なinstanceof作品。通常、オブジェクトがコンストラクタ.prototypeから継承するかどうかをチェックしますが、バインドされた関数には.prototypeがありません。代わりに、バインドされた関数にinstanceofを使用すると、そのオブジェクトがターゲット関数のインスタンスであるかどうかがチェックされます（bind()が呼び出されました）。だから、

… instanceof YAxisPoint 

は

… instanceof Point 

とまったく同じであるあなたは、スペック（ES5、ES6）でこれを確認することができます。