日期:2014-05-16 浏览次数:20371 次
//array:要循环的对象,fn循环处理函数,scope作用域 each : function(array, fn, scope){ //如果array中的元素为空,返回,不往下执行 if(Ext.isEmpty(array, true)){ return; } //如果array不是可迭代对象或者是JavasScript基本类型 string、number、boolean等,就将array放入一个数组中。 if(!Ext.isIterable(array) || Ext.isPrimitive(array)){ array = [array]; } //循环array,执行fn循环函数,回调参数分别为作用域、当前被循环到的数组元素,当前循环到的数组下标、整个数组对象。至于为什么要return 一个 i,原因是如果使用者的目的是 遍历这个array,通过fn函数内部做处理,查找某个符合条件的元素,当找到时,可以return false,就可以退出each循环了,each函数返回的就是找到的元素的下标了。至于使用===是不转换类型比较,即恒等,即左右两边都是false才相等,不相等时不会去转变类型再去比较了。 for(var i = 0, len = array.length; i < len; i++){ if(fn.call(scope || array[i], array[i], i, array) === false){ return i; }; } }
//Obj:要迭代的对象,fn:循环处理函数,scope:作用域 iterate : function(obj, fn, scope){ //如果对象是空对象,那么直接返回,不作处理 if(Ext.isEmpty(obj)){ return; } //如果对象是可迭代的,那么直接调用each函数 if(Ext.isIterable(obj)){ Ext.each(obj, fn, scope); return; } //如果对象不可迭代,是一个Object的实例 else if(typeof obj == 'object'){ //遍历obj对象的属性 for(var prop in obj){ //如果obj含所有的属性在自己本身,不在原型中 if(obj.hasOwnProperty(prop)){ //执行循环处理fn函数,回调参数分别为作用域,当前属性、当前属性对应的值,obj对象,至于为什么return原因类似each函数,但是它并没有return prop ,可能仅仅是为了减少循环次数,找到需要的就跳出循环吧。 if(fn.call(scope || obj, prop, obj[prop], obj) === false){ return; }; } } } }
上面这两个方法,一般数组等集合对象用each,普通对象用iterate