一、重构的理解
重构在代码编写中是必不可少的一步,如果没有重构,我们的代码将会杂乱无章,到处是变量、赋值和判断,if、for嵌套混乱,逻辑思路不清晰,纠错困难,代码的可重用性和扩展性非常低。重构代码,在不改变原有功能的前提下,对内部的结构进行重新整理,对功能进行模块划分,将具体实现方法从代码中抽离出来,独立成为功能方法,实现可调用性。跟数据模型有关的数据的增删改查要独立成model,实现增删改查方法的抽离和封装。跟逻辑有关的判断处理要独立写到一个JS里面。controlle只向view提供指示性标志变量和数据源,只通过调用方法实现逻辑控制,不实现任何功能方法。
二、model定义类模型和方法
这个跟C#和java其实很类似。数据模型里使用到的相关数据都可以定义一个model js,实现实例化和其增删改查方法。比如我的数据模型使用到Activity,那我就定义了一个Activity模型,通过构造方法传值给Activity,并进行属性赋值,还定义了3个方法,对象方法(使用prototype,为对象添加属性、方法):add_saveItem(),只能用实例化后的对象进行调用,类方法:getActivities()、setActivities(),可以直接类调用,代码如下:
function Activity(activity_name){ this.name = activity_name; this.status=""; this.bmMessages=[]; this.bidlists=[]; } Activity.prototype.add_saveItem=function() { var activities=Activity.getActivities(); activities.unshift(this); Activity.setActivities(activities); } Activity.getActivities=function(){ return JSON.parse(localStorage.getItem("activities"))||[]; }; Activity.setActivities=function(activities){ localStorage.setItem('activities',JSON.stringify(activities)) ; };
对应的控制器JS里使用方法如下:
var activity = new Activity(activity_name); //实例化一个Activity对象activity
activity.add_saveItem(); //对象调用对象的方法
三、模块划分、方法抽离简化、逻辑实现
1、模块划分
模块划分就是根据具体实现的功能,将功能分几大块,在不同的JS文件中实现,各个模块之间互不关联,通过逻辑JS文件进行模块之间的关联、逻辑的判断、方法的调用。
2、方法抽离简化
在重构中一个函数只实现一个功能,代码要尽量简单易懂,易于纠错。在做party_bid重构时,使用最多的就是underscore.js里的_.find,_.filter ,_.findWhere,在我的Party_bid第四张卡里有具体介绍,这里我就不介绍了。就只举个代码例子:
for(var i=0;i<activities.length;i++){ if(activities[i].name==innerAct.name){ activities[i].status="status"; } }
上面是for循环嵌套if实现属性匹配赋值,下面使用underscore的_.findWhere进行属性查找赋值
_.findWhere(activities,{name:innerAct.name}).status="status";
有时还需要将方法抽成一个function,可以传包括$scope在内的很多参数。
Activity.setstartbutton=function($scope){ $scope.startButton = true ; $scope.start_stop = "结束"; };
3、逻辑实现
将跟数据模型和功能实现模块无关的逻辑判断方法写到逻辑JS中,方法的命名要简洁易懂,一般angularjs的方法使用小写,用“_”分隔。
相关推荐
数据格式 uid_score_bid 如 dingdanglbh,4.0 ,25862578 Luna-cat,5.0 ,25862578 aiyung,5.0 ,25862578
9点潮流计算PSO的优化算法 很简单,只要在MATLAB运行就可以
欧美1分钟历史数据,2003年5月到2019年2月,MT4EA回测好用。
Repaso_Clases_Objetos_call_aplly_bid_22_02_2021
去噪代码 matlab
mc_bid
crc-16的编码,使用的多项式是G(x)=x^16+x^12+x^5+1
backup_1000821v1001400000.zip
附加服务器 欢迎使用Addons Server存储库! 请随时访问托管的当前项目的网页。 如果要安装,请遵循 指南。 我们希望您的帮助! 如果您有任何疑问,可以通过与我们联系。 请在此处报告错误: : 或您可以通过访问AMO...
bid0-lid0-steam游戏管家_steambdth01_1.0.0.1487@1prw2r@gog.exe
出价统计信息和详细信息 作为签约过程一部分而...bids.details数组用于提供一个或多个Bid对象,每个对象代表收到的唯一出价。 bids.statistics数组用于表示有关投标和投标者数量的关键统计信息。 数组中的每个条目都
bid0-lid64-steam.game_steamzc9_2.0.0.2702.exe.file
Bid Documents - Toyota Hilux Fx
bid0-lid64-steam.game_steamzc_2.0.0.2242.exe
演示脚本:Demo_BID_PnP.m%========================================== ========================% 接触: Marina Ljubenovic-葡萄牙里斯本电信研究所- Mario AT Figueiredo-葡萄牙里斯本电信学院-%============...
VHDL语言编写,实现双向移位寄存器功能,在MAX+plus软件下实现
为什么使用简单有效的二进制文件格式:密集刻度格式(DTF) 存储形状为:( (timestamp, seq, is_trade, is_bid, price, size)订单簿(timestamp, seq, is_trade, is_bid, price, size)数据元组。 按时间戳+ seq排序...
bid格式招投标文件阅读器,可以打开浏览、管理电子招标文件,如果打不开标书文件,请按下面步骤检查:1、请查看招标文件(.bid文件)是否下载完全,请用IE下载工具下载;2、查看IE浏览器版本,如果版本低于IE8,低于IE...
create index book_bid_idx on book(bid); create index abc on student(sid,sname); create index abc1 on student(sname,sid);他们是不同的 2、查看索引 select index_type,index_name,table_name,uniqueness from...
mining_bid_data Hadoop