javascript - Object.create() による Javascript プロトタイプ

Question

var someObj = function() { }
var p = new someObj();

alert(someObj.prototype);   // This works
alert(p.prototype);         // UNDEFINED, but why?

someObj.prototype.model= "Nissan";
alert(p.model);             // This works! I understand the dynamic nature of prototypes, but doesn't that mean that p.prototype === someObj.prototype?

これはなぜですか？"p" は "someObj" のインスタンスなので、プロトタイプが未定義なのはなぜですか? つまり、「someObj」プロトタイプにプロパティを追加すると、「p」からアクセスできるのに、なぜプロトタイプにアクセスできないのでしょうか?

score 11 · Accepted Answer

ここで重要なことはprototype、関数オブジェクトのプロパティはオブジェクトのプロトタイプではないということです。で作成したオブジェクトのプロトタイプとして割り当てられるオブジェクトですnew someObj。ES5 より前では、オブジェクトのプロトタイプに直接アクセスすることはできません。ES5 以降では、Object.getPrototypeOf.

レ

alert(p.prototype); // UNDEFINED, but why?

その理由は、pオブジェクトに「prototype」というプロパティがないためです。基礎となるプロトタイプがありますが、それはアクセス方法ではありません。

すべての関数オブジェクトにはプロパティが呼び出されるprototypeため、それらがコンストラクタ関数として使用される場合、それらのコンストラクタによって作成されるオブジェクトの基礎となるプロトタイプのプロパティがどのようなものになるかを定義できます。これは役立つかもしれません：

function Foo() {
}
Foo.prototype.answer = 42;

console.log(Foo.prototype.answer); // "42"
var f = new Foo();
console.log(f.answer); // "42"

その最後の行は次のように機能します。

オブジェクトを取得しfます。
「答え」と呼ばれる独自のfプロパティがありますか？
いいえ、f試作品はありますか？
はい、プロトタイプには「answer」という独自のプロパティがありますか?
はい、そのプロパティの値を返します。

あなたはObject.createあなたの質問のタイトルに言及しました。Object.createコンストラクター関数とはまったく別のものであることを理解することが重要です。これが言語に追加されたので、コンストラクター関数を使用したくない場合は、その必要はありませんが、オブジェクトの作成時にオブジェクトのプロトタイプを直接設定できます。

score 6 · Accepted Answer

これprototypeは、それ自体のプロパティではなく、コンストラクタ関数のプロパティであるためです。ただし、オブジェクトにはコンストラクターへの参照があるため、そのプロパティを介してprototypeオブジェクトにアクセスできます。prototypeconstructor

function Foo() {}

Foo.prototype.foo = "bar";

var c = new Foo;

console.log( c.constructor === Foo );   // true
console.log( c.constructor.prototype ); // { foo: 'bar' }

prototypeただし、コンストラクター関数の初期プロパティを上書きすると、これは機能しません。

function Foo() {}

// I overwrite the prototype property, so I lose the initial reference
// to the constructor.
Foo.prototype = {
  foo: "bar"
};

var c = new Foo;

console.log( c.constructor === Foo );    // false
console.log( c.constructor === Object ); // true
console.log( c.constructor.prototype );  // {}

Object.getPrototypeOfそのため、ES5 で導入された新しい方法を使用する方がよいでしょう。

function Foo() {}

Foo.prototype = {
  foo: "bar"
};

var c = new Foo;

console.log( c.constructor === Foo );    // false
console.log( c.constructor === Object ); // true
console.log( c.constructor.prototype );  // {}
console.log( Object.getPrototypeOf(c) ); // { foo: 'bar' }

constructor別の解決策は、プロトタイプの参照を確実に復元することでした。

function Foo() {}

// Overwriting the initial prototype    
Foo.prototype = {
  constructor: Foo, // restore the constructor reference
  foo: "bar"
};

score 2 · Accepted Answer

この場合 p = someObj.prototype であるため、p.prototype は機能しません。

基本的に、 new 演算子を使用すると、コンストラクター someObj を使用して新しいオブジェクトが初期化されます。つまり、コンストラクターのプロトタイプのプロパティとメソッドを持つオブジェクトを返します。

したがって、p = someObj.prototype および p.prototype は、p がコンストラクターではないため未定義です。

この記事は、これについて詳しく説明するのに役立つかもしれません

http://www.htmlgoodies.com/html5/tutorials/javascript-prototyping-inheritance-explained.html#fbid=A2ikc3JLxeD

score 1 · Accepted Answer

pのインスタンスですsomeObj。プロトタイプはコンストラクターに属します。pを使用してのコンストラクタプロトタイプを取得できます。p.constructor.prototype

score 0 · Accepted Answer

Javascript では、コンストラクター、そして実際にはすべての関数がプロトタイププロパティを取得します。オブジェクト (つまり、一連のキーと値のペア) には、プロトタイププロパティがありません。上記の例では、

var someObj = function() { } // this is a function, so it has a prototype property
var p = new someObj(); // this is an instance object, so it doesn't

そのため、someObj.prototype は定義されていますが、p.prototype は定義されていません。

javascript - Object.create() による Javascript プロトタイプ

5 に答える 5

Related

Reference