在看jQuery源码,jQuery.each()写的非常精粹

each源码
$('#img').each(callback);
jquery的each方法是调用jquery.fn.each方法,$('img')是dom数组集合。

	each: function( callback, args ) {
		return jQuery.each( this, callback, args ); // this是选择器结果array
	}

有几个值得借鉴的写法:
1.数组和对象的区别,数组有length,对象肯定没有,再通过isFunction判断.
2.args是数组参数,apply和call区别调用
3.如果callback中返回false,则退出遍历操作
4.object支持array和{}

	each: function( object, callback, args ) {
		var name, i = 0,
			length = object.length,
			isObj = length === undefined || jQuery.isFunction( object );

		if ( args ) {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.apply( object[ name ], args ) === false ) {
						break;
					}
				}
			} else {
				for ( ; i < length; ) {
					if ( callback.apply( object[ i++ ], args ) === false ) {
						break;
					}
				}
			}

		// A special, fast, case for the most common use of each
		} else {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
						break;
					}
				}
			} else {
				for ( ; i < length; ) {
					if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
						break;
					}
				}
			}
		}

		return object;
	}

自己写个简易的each程序和测试如下:

var f = function(obj, callback){
  var name, i=0,
  length = obj.length;
  for(; i<length;){
    if(callback.call(obj[i], i, obj[i++]) === false)
      break;
  }
}
var a = [{"a": "1"}, {"b": "2"}];
f(a, function(i){
  console.log(">>" + i + "=" + a[i]);
  for(name in a[i])
    console.log(name + "=" + a[i][name])
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值