JavaScript プロトタイプについて

質問

●質問の主旨

下記のコードを書くとエラーとして、

TypeError: Cannot set property 'totalPrice' of undefined

が返されます。なぜでしょうか?原因が分かりません。
個人的には、このコードで、totalPriceメソッドを定義しているつもりなのですが…。
お詳しい方がいらっしゃいましたら、ご教示願います。

●コード

function Menu(name, price) {
this.name = name;
this.price = price;
}

var hamburger = new Menu("ハンバーガー", 100);

hamburger.prototype.totalPrice = function(quantity) {
return this.price * quantity;
}

var cheeseburger = new Menu("チーズバーガー", 120);

cheeseburger.prototype.totalPrice = function(quantity) {
return this.price * quantity;
}

output("太郎は、" + hamburger.name + "を" + hamburger.totalPrice(5) + "円分買いました。");
output("二郎は、" + cheeseburger.name + "を" + cheeseburger.totalPrice(3) + "円分買いました。");

●元ネタ

CodeStudy Javascript 4.プロトタイプ　その３
http://jeek.jp/study/section21/4

回答No.1

notnot · ベストアンサー

prototypeの意味を誤解していますね。

＞TypeError: Cannot set property 'totalPrice' of undefined

hamburgerには、prototypeというプロパティが無いのでundefinedが返り、そのundefinedのプロパティに代入しようとしているので失敗します。

案１：
hamburger.totalPrice = function(quantity) {
return this.price * quantity;
}

案２：
Menu.prototype.totalPrice = function(quantity) {
return this.price * quantity;
}

お礼

notnotさま
コメントありがとうございます。

「案２」の方を使わせていただきました。

●コード

function Menu(name, price) {
this.name = name;
this.price = price;
}

var hamburger = new Menu("ハンバーガー", 100);
hamburger.totalPrice = function(quantity) {
return this.price * quantity;
}

var cheeseburger = new Menu("チーズバーガー", 120);
Menu.prototype.totalPrice = function(quantity) {
return this.price*quantity;
}

output("太郎は、" + hamburger.name + "を" + hamburger.totalPrice(5) + "円分買いました。");
output("二郎は、" + cheeseburger.name + "を" + cheeseburger.totalPrice(3) + "円分買いました。");