今天的作业是,设计一个购物车对象。就是这个购物车对象,通过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,这就是一个最简单的数据驱动视图了。