underscore.js中 cb 函数与optimizeCb函数
2017-05-20 14:53
597 查看
在解读underscore.js源码的时候,首当其冲地便遇上了这两个函数,对于哦呜这么个小白来说,这段代码的作用和意义真的如同天书难懂。 废话不多说,我们先归纳一下整个underscore.js中都那些函数用到了这两个函数 1、optimizeCb(optimize:使最优化和尽可能地完善) cb 、 _.each 、_.times 2、cb _.map 、 _.filter 、 _.reject 、 _.every 、 _.some 、 _.any 、_.min 、 _.sortBy 、 group _.sortedIndex 、 createPredicateIndexFinder(_.findIndex、_.findLastIndex) 、 _.mapObject 、 _.findKey 经过大致的搜索,整个underscore.js中大致也就上面的函数中使用了cb 和 optimizeCb函数。这些大部分集中在了集合和数组部分, 我们分析一下这些函数区别: 1、相同点 都需要回掉函数去处理目标。 2、不同点 有一部分函数既可以接受回调函数去处理目标,也可以不接受回调函数去处理目标。如果没有接受回调函数,那么它的函数内部要提 供一个默认的回调函数。 先分析一下 cb 函数的源码 var cb = function(value,context,argCount){//参数列表 1:回调(可以是函数也可以是字符串或者对象);2:上下文;3:参数长度 if(_.iteratee !== builtinIteratee) return _.iteratee(value,context); if(value == null) //当函数没有使用回掉函数,但必须要有一个回掉函数那么返回一个匿名函数,此匿名函数接受什么值返回什么值 return _.identity; if(_.isFunction(value))//如果是函数,则用optimizeCb return optimizeCb(value,context,argCount); if(_.isObject(value)&&!_.isArray(value)) //如果是对像不是数组则返回一个匿名函数,这个匿名函数的作用是接受一个对象,看这个对象是否包含value这个对象 return _.matcher(value); return _.property(value); //如果传进来的value既不是函数又不是对象,则使用property函数返回一个匿名函数, // 这个匿名函数的作用是传进去一个对象得到这个对象的某个属性值(该属性对应参数value) }; 我们代码中需要一个‘回调’,对于用户来说这个‘回调’既可以是函数也可以是其他值。但是在函数的内部这个‘回
调’必须是函数,这时候就需要用cb函数去返回一个符合要求的回调函数。所以经过分析,cb函数是为了让我们得到一
个符合我们要求的回调函数,并且可以绑定在指定的上下文环境。
optimizeCb 函数 var optimizeCb = function(func,context,argCount){//参数列表 1:函数;2:上下文;3:参数长度 if(context === void 0)//如果不需要改变执行环境,则将回调返回。 return func; switch(argCount){//根据参数的长度来选择返回新回调的形式 case 1: return function(value){ return func.call(context,value); }; case null : ;//如果没有传入参数长度一律按长度为3来计算 case 3 : return function(value,index,collection){ return func.call(context,value,index,collection); }; case 4 : return function(accumulator,value,index,collection){ return func.call(context, accumulator, value, index, collection); }; } return function(){ return func.apply(context,arguments); }; }; optimizeCb 函数 字面上的意思是对cb也就是回调函数的优化。主要用来改变函数的执行环境和执行函数。 下面是对switch的分析 1 :一般是用在接受单值的情况,比如times,sortedIndex之类的函数。 2 :据说是给比如jQuery,zepto事件绑定,代理什么的,但是在源代码中没有看到被调用。 3 :用于迭代器函数,比如foreach,map等。 4 :用reduce和reduceRight函数。 对于为什么要用switch来分别处理参数长度不同的回调,而不是直接返回: return function(){ return func.apply(context,arguments); }; 原因 : 貌似是为了做优化,由于本人对优化还不明白,所以放到日后补充,懂得人可以参考下面网址 https://github.com/jianjiade/javascript-frame-lib-analyse/issues/4
相关文章推荐
- underscore.js 源码分析5 基础函数和each函数的使用
- underscore.js源码解析之函数绑定
- Underscore.js (1.7.0)-函数预览
- Underscore.js template()函数全解析
- underscore.js源码解析【函数】
- underscore.js源码解析【'_'对象定义及内部函数】
- underscore.js 分析6 map函数
- underscore.js中的节流函数debounce及trottle
- underscore.js_.functions[Object]
- underscore.js _.intersect[Array]
- underscore.js _.difference[Array]
- underscore.js _.isArray(Object)
- underscore.js _.values[Object]
- underscore.js _has[Object]
- underscore.js _.isArguments[Object]
- underscore.js _.isEqual[Object]
- underscore.js _.isEmpty(Object)
- underscore.js _.pick[Object]
- underscore.js _.extend[Object]
- underscore.js _.zip[Array]