Javascriptのprototypeの理解について困っています。
prototypeでメソッドを定義するのは、コンストラクタにメソッドを記述するとメモリが食うことはわかるのですが、
コンストラクタに定義したプロパティとメソッドが、prototypeで重複して定義していなければ、prototypeに定義したプロパティメソッドをprototype参照を使わないで使用できますし（それでもオブジェクトのインスタンスからしか参照できないですが）
Rectangle.getArea()のように定義する機会はどうなのでしょうか？
混乱して困っています。
実際、Rectangle.getArea()のようなオブジェクトからの参照の使い方をしているのは、標準グローバルオブジェクトでは主に
各オブジェクトのprototypeや継承しているもの
StringオブジェクトのfromCharCode()
Numberオブジェクトの計算に使うもの
だと思っているのですが、
文章がおかしくなってすみません。
function Rectangle(w, h) {
this.width = w || 0, this.height = h || 0;
}
// 2つのメソッドの違い
Rectangle.getArea = function() { return this.width * this.height; };
Rectangle.prototype.getArea = function() { return this.width * this.height; };
// テスト
var r = new Rectangle(10, 10);
ベストアンサー
-
ku__ra__ge
満足100pt
質問文が混乱しているので「どのような場合にprototypeにメソッドを定義するべきなのでしょうか？」という質問だと仮定して回答させていただきます。
仕組みはともかくとしてprototypeを使ったオブジェクト指向を利用する場合、以下の２点を認識しておけばいいと思います。
・オブジェクトに設定したメソッドは、そのオブジェクトからしか使えない。(newして作成したインスタンスからは使えない)
・オブジェクトのprototypeに設定したメソッドは、そのオブジェクトからnewして作成したインスタンスで使える。
質問にある例ですと、インスタンスのwidth*heightを求めることが目的の動作のようなのでRectangle.prototype.getAreaを設定すべきです。
(Rectangle.getAreaのメソッドは、インスタンスrから呼び出すことは出来ません)
以下に、オブジェクトに定義されたメソッドとprototypeに定義されたメソッドがどう違うのかのサンプルコードを示しますので参考にしてください。
function Obj() {} Obj.fncStatic = function () { alert('Static'); }; Obj.prototype.fncInstance = function () { alert('Instance'); }; //オブジェクトから直接メソッドを呼ぶ Obj.fncStatic(); //Obj.fncInstance(); // ※１エラー //オブジェクトからインスタンスを作成し、 //インスタンスのメソッドを呼ぶ var obj = new Obj(); //obj.fncStatic(); // ※２エラー obj.fncInstance();
※１：「Obj.fncInstance」なんてものは定義されていないので、エラー。
※２：newは、新しいオブジェクトを作成して、そこから親オブジェクトのprototypeが見えるように設定します。
このとき、prototype以外は作成されたオブジェクトから見えるように設定されません。
よって……
→objはObj.fncStaticを見つけることに失敗します。
→objはObj.prototype.fncInstanceを見つけることには成功します。
-
pochi1234
-
pochi1234その他の回答
-
ko8820
0pt
この質問へのコメント
質問の情報
- 登録日時
- 2010-04-09 08:05:33
- 終了日時
- 2010-04-10 09:12:47
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
ヤフーを検索していたら、たまに写真…つまり、サムネイルが表示されている事があります。知恵袋の履歴をそ…
igorsan
-
学芸会の動画を編集しています。8K解像度舞台全体を撮影しています。この動画素材で動画を切り出して編集し…
mai_mai_mail
1
-
プラ容器の問題 醤油、蜂蜜、油脂類などのプラ容器が多いですが、プラ材質の化学有害物質が内容物に汚染す…
iquestion
2
-
思春期で親がうざいときどうすればいいですか。
匿名質問者4
1
-
二重整形って最小何歳でできるんですか匿名質問者111
var Constructor = function() {
var foo;
var getFoo = function() {
return foo;
}
var setFoo = function(bar) {
foo = bar;
}
}