以下は、表示モジュール パターンを使用して構築されたショッピング カート JavaScript オブジェクトのサンプルです。
var shoppingCart = function () {
var obj = {}, items = [];
obj.AddItem = function (itemNo, quantity, price) {
var item = {};
item.itemNo = itemNo;
item.quantity = quantity;
item.price = price;
items.push(item)
};
obj.GetAllItems = function () {
return items;
};
obj.GetItemByNo = function (item) {
for (var i = 0; i < items.length; i++) {
if (items[i].itemNo === item)
return item[i];
}
return null;
};
obj.CalculateTotal = function () {
var total = 0;
for (var i = 0; i < items.length; i++) {
total = total + (items[i].quantity * items[i].price);
}
return total;
};
return obj;
};
var cart = new shoppingCart();
AddItem メソッドを使用して項目を追加し、UI で役立つ追加のプロパティを含めます。
shoppingcart.AddItem(2,4,2.4);
ショッピング カート内のアイテムのリストを取得します
var items = shoppingcart.GetAllItems();
ショッピングカート内のアイテムの合計価格を計算します
var total = shoppingcart.CalculateTotal();
ここにこのコードを入力したため、タイプミスが含まれている可能性があることに注意してください。アイテムを追加する前に、価格と数量のデータ型を数値として検証することをお勧めします。