jQuery 소스 코드 분석 jQuery.fn.each 및 jQuery.each Usage_jquery

$.each( { name: "John", lang: "JS " }, 함수(k, v){

​​ Alert( "키: " k ", 값: " v );
}
});

// args는 내부용입니다
이자
각각: 함수( obj, 콜백, args ) {

var 값,

나는 = 0,

길이 = obj.length,

isArray = isArraylike( obj ); // obj는 실제로 jQuery 객체를 제공하는 {'0':'hello', '1':'world', 'length':2}와 같은 배열형 객체인가요?

If ( args ) { // args, 실제로는 이 매개변수의 실제 효과를 찾지 못했습니다~~ 그냥 건너뛰고 else 의 내용을 살펴보세요. 콜백에 전달된 매개변수가 다르다는 점 외에는 차이점이 없습니다
           if ( isArray ) {
for ( ; i                         값 = callback.apply( obj[ i ], args );
If ( 값 === false ) {
휴식;
                }
            }
         } else {
for ( i in obj ) {
                    값 = callback.apply( obj[ i ], args );
If ( 값 === false ) {
휴식;
                }
            }
}
// 가장 일반적으로 사용되는 특별하고 빠른 사례
} 그 밖의 {
           if ( isArray ) {                                                                                                                                                                                   for ( ; i                    값 = callback.call( obj[ i ], i, obj[ i ] );
If ( 값 === false ) {
휴식;
                }
            }
} Else {// 처리 개체
for ( i in obj ) {
                   value = callback.call( obj[ i ], i, obj[ i ] ) // value는 콜백의 반환 값입니다.
If (value === false) {// 여기서 value === false인 경우 사이클에서 직접 뛰어내립니다.
휴식;
                }
            }
}
}
객체 반환;
}
},



최신 jQuery.fn.each 소스 코드:

정말 간단합니다. jQuery.each만 이해하면 별 문제 없습니다~

결론

jQuery.extend 및 jQuery.fn.extend와 동일하지만 jQuery.each 및 jQuery.fn.each의 코드는 매우 간단하지만 이 두 가지 방법은 jQuery에서 널리 사용됩니다. 예:

그러니 각각 마스터하세요!

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.