party_bid重构总结

为了使得代码能够更加的简洁,能够让重复的东西总结在同一方法中,可以使用重构来实现缩减代码,能够达到通过对方法的调用来减少代码的使用。在重构中,为了写出方法来代替繁琐的循环嵌套,我是通过Underscope中的集合,来实现对方法的编写。

其中常用的几种集合来实现方法的编写有:_.find,_.findWhere这两种集合形式。

1、_.find这种集合实现方法的目的是:从数组中逐项查找,返回一个符合条件的元素,如果没有查到,便返回Undefined,并且这种集合实现的方法只能够找到一个符合条件的元素。在我的重构中,_.find主要是为了消除多个for循环中的if的嵌套,避免代码繁琐、循环太深。下面介绍_.find的使用:

if(_.find(apply_list,function(apply){return apply.phone==bid_phone}))
        return true;
    return false;

 其中大括号中return是该方法的条件语句(相当于if语句),判断后返回true或者false

2、_.findWhere该种集合编写方法的目的是:逐项查找返回第一个符合properties里键值对的元素,如果没有的话则返回undefined。它与_.find集合的区别在于_.find主要是通过设置条件,来实现返回遍历相符的第一个元素,而_.findWhere则是通过设置属性来返回第一个符合的元素,在我的重构中,则多使用_.findWhere,因为重构中大部分操作都是进入数组中,_.findWhere的使用代码如下:

 

var bid_list=_.findWhere(activity_list,{name:activity_name}).bidlist;
    var bid_messages = _.findWhere(bid_list,{bidname:bid_name}).bidapplylist
 解释第一行的意思如下:定义变量bid_list,其中定义activity_list属性为name,从而进入activity_list中的bidlist数组。

 

3、在重构中,用到了_.each这个集合来写方法,_.each这个集合是遍历数组中的每一个元素,输出符合的所有数据。在此,我的用法如下:

 

_.each(apply_name,function(applytip){_.each(bid_apply_name,function(bid_applylist){
        if(applytip.phone == bid_applylist.phone){
}
 在此,我用了两个_.each的嵌套,在一个_.each中嵌套另一个_.each,这样的用法可以更加简便的遍历两个数组中的每一个元素,并从中获取套在数组中的数组,从而通过if语句来实现条件的判定。

 

4、重构中,我用到了_.first和_.last这个集合,来实现对一个数组中第一个元素和最后一个元素的获取,这两种对数组元素的获取形式相同,因此就_.first来说我使用的方法如下:

 

var app_phone = _.first(bid_app_message).phone
 定义变量来实现对bid_app_message中手机号的获取。

 

5、在重构中的需要注意的是在model文件夹中放能够存储的js,这样方便管理,存储的形式为:

function Bid(bid_name){
    this.bidname=bid_name;
    this.bidstyle='biding';
    this.bidapplylist=[];
    this.bidapp=[];
}

 _.findWhere(activity_list,{name:activity_name}).bidlist.push(this);通过这句话来实现存储。

6、_.sortBy的用法,代码如下:

_.sortBy([5, 4, 6, 3, 1, 2 ], function(num){ return Math.sin(num); });
=> [1,2,3,4,5,6]

 使用升序返回数组元素。

猜你喜欢

转载自80752169.iteye.com/blog/2100609
今日推荐