javascriptオブジェクトのプロトタイプが壊れているようです

Question

私はなぜこのエラーが発生しているのか混乱しています。私はいくつかの啓蒙をしたいです。

function c(me) { this.me = me; } 
 
c.prototype.identify = function() { return "I am " + this.me; }; 
 

 
function d(me) { c.call(this, me); } 
 
d.prototype = Object.create(c.prototype); 
 
d.prototype.speak = function() { return "Hello, " + this.identify() + "." }; 
 

 
var d1 = new d("d1"); 
 
var d2 = new d("d2"); 
 

 
console.log(d1.speak()); 
 
console.log(d2.speak()); 
 

 
console.log(d.speak()); //returns: TypeError: d.speak is not a function

returns: TypeError: d.speak is not a function

私は明示的にd.prototypeにプロパティspeakを追加しています。実際には、d1とd2はどちらもプロトタイプ階層のプロパティ/関数にアクセスできます。それでもdに電話しようとすると、TypeErrorが発生します。私は役に立たないために様々な「調整」を試みました。スコープの問題を排除しようとしてIIFEでさまざまな部分をラップしようとしましたが効果はありませんでした。私は最後の行

console.log(d.speak); //returns: undefined 

とundefinedを得るから()を削除しました。これにより、speakはdにアクセスできるプロパティ/機能ではないことがわかります。すなわち、 speakをblahに変更し、コンソールに同じundefinedを記録してください。

console.log(d.blah); //returns: undefined 

私は、目の新しいセットには明白かもしれない小さなものが欠けていることを知っています。

Answer 1

これが期待されています。ほとんどの場合、コンストラクタはそれ自身のインスタンスではありません。コンストラクタは、インスタンスで利用可能なメソッドをprototypeに定義しますが、このprototypeはコンストラクタ自体の[[Prototype]]チェーンには表示されません。

理由は単純である：

• オブジェクトは、単一の[] [プロトタイプ]を有することができます。

• コンストラクタは関数なので、[[Prototype]]チェーンではFunction.prototypeでなければなりません。これにより、コンストラクタでcallまたはapplyのような関数メソッドを呼び出すことができます。彼らは機能していないので

• インスタンスは、コンストラクタのprototypeからではなく、Function.prototypeから継承しなければなりません。

したがって、一般にコンストラクタはprototypeから継承できません。組み込みの例外は、FunctionとObjectです。

つまり、上の2番目または3番目の不変量を取り除くことができます。そうすれば正常に動作させることができますが、通常は人々が依存しているため、[[Prototype]]の変更はパフォーマンスが悪いため、悪い考えです。

function c(me) { this.me = me; } 
 
c.prototype.identify = function() { return "I am " + this.me; }; 
 

 
function d(me) { c.call(this, me); } 
 
d.prototype = Object.create(c.prototype); 
 
d.prototype.speak = function() { return "Hello, " + this.identify() + "." }; 
 
Object.setPrototypeOf(d, d.prototype); 
 

 
var d1 = new d("d1"); 
 
var d2 = new d("d2"); 
 

 
console.log(d1.speak()); // "Hello, I am d1." 
 
console.log(d2.speak()); // "Hello, I am d2." 
 
console.log(d.speak()); // "Hello, I am undefined." 
 

 
console.log(d.call); // undefined :(

function c(me) { this.me = me; } 
 
c.prototype = Object.create(Function.prototype); 
 
c.prototype.identify = function() { return "I am " + this.me; }; 
 

 
function d(me) { c.call(this, me); } 
 
d.prototype = Object.create(c.prototype); 
 
d.prototype.speak = function() { return "Hello, " + this.identify() + "." }; 
 
Object.setPrototypeOf(d, d.prototype); 
 

 
var d1 = new d("d1"); 
 
var d2 = new d("d2"); 
 

 
console.log(d1.speak()); // "Hello, I am d1." 
 
console.log(d2.speak()); // "Hello, I am d2." 
 
console.log(d.speak()); // "Hello, I am undefined." 
 

 
console.log(d1 instanceof Function); // true Huh????

Answer 2

変数dはコンストラクタです。そのコンストラクタのprototypeプロパティを使用して、インスタンスが継承するプロトタイプオブジェクトにアクセスします。

console.log(d.prototype.speak) //=> [Function] 

デモ：

function c(me) { this.me = me; } 
 
c.prototype.identify = function() { return "I am " + this.me; }; 
 

 
function d(me) { c.call(this, me); } 
 
d.prototype = Object.create(c.prototype); 
 
d.prototype.speak = function() { return "Hello, " + this.identify() + "." }; 
 

 
var d1 = new d("d1"); 
 
var d2 = new d("d2"); 
 

 
console.log(d1.speak()); 
 
console.log(d2.speak()); 
 

 
console.log(d.prototype.speak) //=> [Function]