用js代码写一个简单的购物车
时间: 2023-10-14 08:06:15 浏览: 61
当然!以下是一个使用 JavaScript 编写的简单购物车示例代码:
```javascript
class CartItem {
constructor(name, price, quantity) {
this.name = name;
this.price = price;
this.quantity = quantity;
}
}
class ShoppingCart {
constructor() {
this.items = [];
}
addItem(item) {
this.items.push(item);
}
removeItem(item) {
const index = this.items.indexOf(item);
if (index > -1) {
this.items.splice(index, 1);
}
}
calculateTotal() {
let total = 0;
for (const item of this.items) {
total += item.price * item.quantity;
}
return total;
}
}
// 示例用法
const cart = new ShoppingCart();
const item1 = new CartItem('Apple', 1.5, 2);
const item2 = new CartItem('Banana', 0.5, 3);
cart.addItem(item1);
cart.addItem(item2);
const total = cart.calculateTotal();
console.log(`Total price: ${total}`);
```
上面的代码定义了两个类:`CartItem` 表示购物车中的商品,包含名称、价格和数量属性;`ShoppingCart` 表示购物车,包含添加商品、移除商品和计算总价的方法。
在示例中,我们创建了一个购物车对象 `cart`,然后创建了两个商品对象 `item1` 和 `item2`,并将它们添加到购物车中。最后调用 `calculateTotal` 方法计算购物车中所有商品的总价,并通过 `console.log` 打印输出结果。
请注意,这只是一个简单的示例代码,实际的购物车功能可能更复杂,需要根据具体需求进行扩展和修改。