2012年10月18日星期四

jQuery1.8.2源码解析之jQuery.Callbacks

jQuery1.8.2源码解析之jQuery.Callbacks

  1 // String to Object options format cache  2 // 是对option的一个缓存,避免每次都要createOptions  3 // 每一个option类似这样  4 // {  5 //     memory : true  6 //     ,once : true  7 //     ,...  8 // }  9 var optionsCache = {}; 10  11 // Convert String-formatted options into Object-formatted ones and store in cache 12 function createOptions( options ) { 13     var object = optionsCache[ options ] = {}; 14     jQuery.each( options.split( core_rspace ), function( _, flag ) { 15         object[ flag ] = true; 16     }); 17     return object; 18 } 19  20 /* 21  * Create a callback list using the following parameters: 22  * 23  *    options: an optional list of space-separated options that will change how 24  *            the callback list behaves or a more traditional option object 25  * 26  * By default a callback list will act like an event callback list and can be 27  * "fired" multiple times. 28  * 29  * Possible options: 30  * 31  *    once:            will ensure the callback list can only be fired once (like a Deferred) 32  * 33  *    memory:            will keep track of previous values and will call any callback added 34  *                    after the list has been fired right away with the latest "memorized" 35  *                    values (like a Deferred) 36  * 37  *    unique:            will ensure a callback can only be added once (no duplicate in the list) 38  * 39  *    stopOnFalse:    interrupt callings when a callback returns false 40  * 41  */ 42 jQuery.Callbacks = function( options ) { 43  44     // Convert options from String-formatted to Object-formatted if needed 45     // (we check in cache first) 46     // options也可以是一个对象 47     options = typeof options === "string" ? 48         ( optionsCache[ options ] || createOptions( options ) ) : 49         jQuery.extend( {}, options ); 50  51     var // Last fire value (for non-forgettable lists) 52         memory, 53         // Flag to know if list was already fired 54         fired, 55         // Flag to know if list is currently firing 56         firing, 57         // First callback to fire (used internally by add and fireWith) 58         firingStart, 59         // End of the loop when firing 60         firingLength, 61         // Index of currently firing callback (modified by remove if needed) 62         firingIndex, 63         // Actual callback list 64         list = [], 65         // Stack of fire calls for repeatable lists 66         // 只有在没有设置了once时,stack才存在 67         // stack用来存储参数信息(此时函数列表已经处于firing状态,必须将其他地方调用fire时的参数存储,之后再至此执行fire 68         stack = !options.once && [], 69         // Fire callbacks 70         fire = function( data ) { 71             // 如果设置memory,那么每一次fire的数据将会被保存在memory中,作为下次调用add时参数 72             memory = options.memory && data; 73             fired = true; 74             firingIndex = firingStart || 0; 75             // 重置fireStarting为0,因为add操作(memory)可能改变它 76             firingStart = 0; 77             firingLength = list.length; 78             firing = true; 79             for ( ; list && firingIndex < firingLength; firingIndex++ ) { 80                 // 如果设置了stopOnFalse参数,那么当函数列表中有某个函数返回false时,停止后面函数的执行,并且取消memory(如果设置了) 81                 if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { 82                     memory = false; // To prevent further calls using add 83                     break; 84                 } 85             } 86             firing = false; 87             if ( list ) { 88                 // 如果stack存在,那么将之前存储的第一个参数取出,继续fire,直到stack为空 89                 if ( stack ) { 90                     if ( stack.length ) { 91                         fire( stack.shift() ); 92                     } 93                 // 如果stack不存在(即设置了once) 94                 // 那么如果设置了memory,那么将之前函数列表清空,也就是说memory还在,add操作可以处罚函数立即执行 95                 } else if ( memory ) { 96                     list = []; 97                 } else { 98                     self.disable(); 99                 }100             }101         },102         // Actual Callbacks object103         // 实际返回的Callbacks对象104         self = {105             // Add a callback or a collection of callbacks to the list106             // 添加函数或者函数集(数组或者伪数组)到函数列表中去107             add: function() {108                 if ( list ) {109                     // First, we save the current length110                     var start = list.length;111                     (function add( args ) {112                         jQuery.each( args, function( _, arg ) {113                             var type = jQuery.type( arg );114                             // 如果arg是函数115                             // 如果设置unique,则在list中查找是否函数已存在,若存在忽略掉,否则push进list116                             // 如果没有设置unique,则直接push进list117                             if ( type === "function" && ( !options.unique || !self.has( arg ) ) ) {118                                 list.push( arg );119 120                             // 如果arg是数组或者伪数组,则递推push进list121                             } else if ( arg && arg.length && type !== "string" ) {122                                 // Inspect recursively123                                 // 递归(成员为函数集)124                                 add( arg );125                             }126                         });127                     })( arguments );128                     // Do we need to add the callbacks to the129                     // current firing batch?130                     // 在添加函数(集)时131 132                     // 如果函数列表正在依次执行回调函数(即firing状态),在某一个callback中执行add(fn)操作133                     // 那么立即修改fireLength以便fire时函数列表能够执行到刚添加的函数(集)134                     if ( firing ) {135                         firingLength = list.length;136                     // With memory, if we're not firing then137                     // we should call right away138                     // 如果不是firing状态,并且设置了memory(肯定是在fired状态时才会执行这一步,因为memory是在fire一次后才会被负值)139                     // 此时memory已经是上次fire是传递的参数,那么将会直接执行刚添加的函数集,而无需fire140                     } else if ( memory ) {141                         firingStart = start;142                         fire( memory );143                     }144                 }145                 return this;146             },147             // Remove a callback from the list148             // 从函数列表中删除函数(集)149             remove: function() {150                 if ( list ) {151                     jQuery.each( arguments, function( _, arg ) {152                         var index;153                         // while循环的意义在于借助于强大的jQuery.inArray删除函数列表中相同的函数引用(没有设置unique的情况)154                         // jQuery.inArray将每次返回查找到的元素的index作为自己的第三个参数继续进行查找,直到函数列表的尽头155                         // splice删除数组元素,修改数组的结构156                         while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {157                             list.splice( index, 1 );158                             // Handle firing indexes159                             // 在函数列表处于firing状态时,最主要的就是维护firingLength和firgingIndex这两个值160                             // 保证fire时函数列表中的函数能够被正确执行(fire中的for循环需要这两个值)161                             if ( firing ) {162                                 if ( index <= firingLength ) {163                                     firingLength--;164                                 }165                                 if ( index <= firingIndex ) {166                                     firingIndex--;167                                 }168                             }169                         }170                     });171                 }172                 return this;173             },174             // Control if a given callback is in the list175             // 判断函数列表只能够是否包含给定的fn176             has: function( fn ) {177                 return jQuery.inArray( fn, list ) > -1;178             },179             // Remove all callbacks from the list180             // 清空函数列表181             empty: function() {182                 list = [];183                 return this;184             },185             // Have the list do nothing anymore186             // 使函数列表作废(不能再做任何事情)187             disable: function() {188                 list = stack = memory = undefined;189                 return this;190             },191             // Is it disabled?192             // 判断是否函数列表是否disabled193             disabled: function() {194                 return !list;195             },196             // Lock the list in its current state197             lock: function() {198                 stack = undefined;199                 if ( !memory ) {200                     self.disable();201                 }202                 return this;203             },204             // Is it locked?205             locked: function() {206                 return !stack;207             },208             // Call all callbacks with the given context and arguments209             // 和fire相似,不相同的是fireWith可以给定上下文参数210             // fire中就是调用fireWith中的context就是this(函数列表对象self)211             fireWith: function( context, args ) {212                 args = args || [];213                 args = [ context, args.slice ? args.slice() : args ];214                 // 首先至少fire一次215                 // 如果执行过一次了(fired),那么若stack存在(即没有设置once),将上下文环境和参数存储,否则什么都不做216                 if ( list && ( !fired || stack ) ) {217                     if ( firing ) {218                         stack.push( args );219                     } else {220                         fire( args );221                     }222                 }223                 return this;224             },225             // Call all the callbacks with the given arguments226             // 依次执行函数列表中的函数227             fire: function() {228                 self.fireWith( this, arguments );229                 return this;230             },231             // To know if the callbacks have already been called at least once232             // 判断是否函数列表fire过(哪怕只有一次)233             fired: function() {234                 return !!fired;235             }236         };237 238     return self;239 };

TAG: