大白话,设计一个购物车对象

时间:2022-04-27
本文章向大家介绍大白话,设计一个购物车对象,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

今天的作业是,设计一个购物车对象。就是这个购物车对象,通过prototype来添加各种方法,然后通过new一个新对象之后,就可以调用它的各种方法。

这个题其实并不难,只要想明白购物车这个模块,它有哪些功能,然后以prototype的方式向原型上添加即可,

function cartBox(){}
cartBox.prototype = {
 init:function(){
 //...
 },
 addgoods:function(){
 //...
 },
 delGoods:function(){},
 modifyGoods:function(){},
 selectGoods:function(){}
}
new cartBox().init( data );

这就是一个最简单的购物车的结构了,跟什么cookie完全没有关系。再加上几个set和get方法。最基本的结构就出来了,再加上html模板,然后再加上一个createDom的方法,用它来生成DOM。每次click事件的时候,都调用createDom的方法,就是每次点击事件的时候,都重新根据data数据来重新生成页面DOM,这就是一个最简单的数据驱动视图了。