jQuery 소스 코드 분석_jquery의 콜백에 대한 자세한 설명

//도구 기능
var isIndexOf = Array.prototype.indexOf, //Es6
        toString = Object.prototype.toString, //캐시 toString 메소드
TosLice = Array.prototype.slice, // 캐시 슬라이스 메소드
>                                                                                           "개체" 반환 === document.getElementById 유형 ?
               isFunction = 함수(fn) {
                      //IE에서 DOM, BOM 인식에 문제가 있습니다
                  시도해 보세요 {
Return /^s*bfunctionb/.test("" fn);
                       } 잡기 (x) {
거짓 반환
                }
              } :
               isFunction = function (fn) { return toString.call(fn) === '[객체 함수]' };
         })(),
>                                                                                        //첫 번째 매개변수는 루프할 배열을 나타내고, 두 번째 매개변수는 루프를 통과할 때마다 실행되는 함수
If (arguments.length < 2 || !isFunction(arguments[1])) return;
                       //조각이 유효하지 않은 이유는 무엇입니까? ?
          var list = toSlice.call(arguments[0]),
                            fn = 인수[1],
항목;
​​​​​​while ((item = list.shift())) {//길이를 직접 결정하지 않음, 속도 향상
// 여기서 호출을 사용하는데 Apply가 안 되는 이유는 무엇입니까?
                             // 완료 - Apply의 두 번째 매개변수는 배열 객체여야 합니다(배열과 유사한 것이 가능한지 여부는 확인되지 않으며 호출에는 이 요구 사항이 없습니다)
|
                          fn.call(창, 항목);
            }
},
inArray = function () { //배열에 항목이 포함되어 있는지 감지하고 항목의 인덱스를 반환합니다
>                                                   // 사전 컴파일
                 isIndexOf 반환 ? 함수(배열, 요소, i) {
If(배열)
                         return isIndexOf.call(array, elem, i);
                    -1을 반환합니다.
               } : 함수(요소, 배열, i) {
              var len;
                     if (배열) {
                    len = 배열.길이;
                    나 = 나 ? 나는 < 0? Math.max(0, len i) : i : 0;
                    for (; i < len; i ) {
                        if (i in array && array[i] === elem) {
                            돌려주세요;
                        }
                    }
                }
                반환 -1;
            }
        }();

var 콜백 = 함수(옵션) {
          옵션 = toString.call(option) === '[객체 개체]' ? 옵션: {};
​​​​ //새 콜백마다 고유한 상태가 있으므로 클로저를 사용하세요
        var 목록 = [],                                                       var 목록 = [],                                                                                              var 목록 =                               _list = [],        // 이 콜백 객체가 잠겨 있으면 목록을 지우고 원본 목록을 _list에 넣으세요
~ > FireStart, //현재 콜백 함수 목록에서 실행되는 함수 인덱스(시작점)
              FireLength,                                                               // 콜백 함수의 배열 길이
~ ~                            // 이 변수의 사용법은 매우 이상하고 날카롭습니다. 실행 지정 여부에 대한 플래그를 포함할 뿐만 아니라 데이터를 기록하기도 합니다
//이 자동은 한 번 사용하면 정말 이상합니다. [처음으로] 실행한 후 자동으로 실행됩니다. 한 번 실행하면 나중에 코드가 추가되거나 실행되지 않으므로 안정성이 보장됩니다. 콜백 데이터 세트의 안정성
stack = !option.once && [], //콜백 배열이 현재 실행 중이고 실행 중에 새 콜백 함수가 추가되면 새 콜백 함수가 콜백 배열에 푸시됩니다. >             실행 = false, //콜백 작동/실행 여부
//콜백 함수 트리거
불 = 함수(데이터) {
//이 데이터는 배열입니다. 자동 모드가 구성된 경우 auto는 배열이므로 auto는 결코 false가 되지 않습니다.
                   auto = option.auto && data; //여기서 구성에서 마지막 매개변수를 기억해야 하는 경우 이 매개변수를 기억하세요(매우 정확한 사용법, 데이터 직접 가져오기)
해고됨 = true;
FireIndex = 발사 시작 ||                 FireStart = 0;//fireStart 지우기(지우지 않으면 다음 실행에 문제가 발생합니다)
Fireringlength = list.length; // 캐시 목록 길이, 외부 세계에서 접근 가능
                 실행 = true // 콜백 함수 실행
for (; FireIndex < FireLength; FireIndex ) {
If (list[firingIndex].apply(data[0], data[1]) === false) {
// 참고로 option.auto(자동 실행)가 구성되어 있고 스택(스택)에 함수가 있으면 add() 코드에 자동 판단을 위해 이 메서드를 직접 실행할 코드 섹션이 있습니다.
//해당 코드를 차단하고 싶으므로 자동을 false로 설정하세요
                                 자동 = false;
                         휴식;
                                  }//함수가 false를 반환하면 후속 대기열의 실행을 종료합니다
                }
                실행 = false; // 플래그 상태가 실행되었습니다. 콜백 함수 [스택(스택)에 있는 함수가 아직 실행되지 않았습니다.]
//이 스택이 한 번 구성되지 않으면 []이어야 하므로
가 있어야 합니다. //여기서 주요 기능은 한 번 구성되지 않은 경우 다음 코드를 가로채는 것입니다. 한 번 구성된 경우 코드 실행 후 데이터가 지워집니다.
                     if (스택) {
If (stack.length) // 먼저 아래 목록 상태의 코드를 가로채서 스택이 있는지 확인합니다
Fire (stack.shift ()); // 스택 헤드에서 꺼내 FIRE() 메서드를 반복합니다
                }
Else if (auto) // 코드가 여기에 오면 Option.once(한 번만 실행)가 구성되었음을 증명하므로 목록이 명확해집니다.
                   목록 = [];
Else // 구성 AUTO가 없음을 증명하지만 ONCE가 구성되어 있으므로 희생은 궁극적인 Dafa이며 콜백 개체는 직접 폐지됩니다
                       self.disable();
            };
      var self = {
               add: function () {//콜백 함수 추가
                       if (목록) {
                  var start = list.length;
(함수 addCallback(args) {
각각(인수, 함수(항목) {
If (isFunction(item)) {//함수인 경우 콜백 목록을 푸시합니다
>                          //typeof와 Object.prototype.toString은 서로 다릅니다
                           } else if (toString.call(item) === '[object Array]') {//배열인 경우 콜백 목록에 재귀적으로 푸시하면 이 판단은 배열과 유사한 것을 포기합니다
~                                 addCallback(item);
|                              });
                        })(인수);
                }
(실행)//콜백 함수가 현재 실행 중인 경우 현재 콜백 함수 목록의 길이를 업데이트해야 합니다. 그렇지 않으면 새로 푸시된 콜백 함수가 전달됩니다.
FireLength = list.length;
                  else if (auto) {//현재 콜백 함수가 실행되지 않고 자동 실행이 필요한 경우
~ | 위 코드의 실행 라인에는 영향을 미치지 않습니다
FireStart = 시작;
//새로 추가된 파트너 실행
불(자동);
                }
                   이것을 돌려주세요;
            },
               fire: function () {//트리거 콜백 함수
                     self.fireWith(this, 인수);
                   이것을 돌려주세요;
            },
​​​​​​ fireWith: function (context, args) {//콜백 함수를 트리거하고 컨텍스트를 지정합니다
//한 번 구성되면 스택이 정의되지 않고 한 번만 실행되도록 보장해야 하므로 한 번 실행되면 여기의 코드는 다시 실행되지 않습니다
If (목록 && (!fired || 스택)) {
//수정 매개변수
//여기서 컨텍스트 인덱스는 0입니다
//파라미터 목록 인덱스는 2
// 배열 접근으로 변환하는 것은 객체 표현이 더 많은 리소스를 소모하기 때문입니다. 최상위 fire() 코드에 auto [메모리 매개변수, 자동 실행] 기능이 있기 때문에 객체를 사용하면 더 많은 메모리가 소모됩니다
                     args = [컨텍스트,
>                            args.slice && args.slice()
                                                           ~ ];
화재(args);
                }
                   이것을 돌려주세요;
            },
               제거: 함수 () {//콜백 함수 제거
                       if (목록) {
각각(인수, 함수(항목) {
                      var index;
                                     // 항목이 여러 개 있을 수 있으며, 색인은 루프의 검색 범위를 나타낼 수 있으며 이전에 검색한 항목은 다시 검색할 필요가 없습니다.
While ((index = inArray(item, list, index)) > -1) {
                                        list.splice(index, 1);
If (발사) {
//위의 Fire에서 실행되는 함수 목록이 올바르게 실행될 수 있는지 확인하세요. 이러한 전역 변수는 비동기식으로 제거될 수 있도록 Fire에서 설정됩니다.
If (index <= FireLength)//수정 길이
발사 길이--;
If (index <= FireLength)//수정 인덱스
FireIndex--;
| |                      });
                }
                   이것을 돌려주세요;
            },
있음: 함수(fn) {//콜백 함수 포함 여부
                                                                                                          fn을 반환 ? ray(fn, list) > -1 : 목록 && list.length;
            },
              비어 있음: 함수 () {//이 콜백 객체 비우기
목록 = [];
발사 길이 = 0;
                   이것을 돌려주세요;
            },
                비활성화: 함수 () {//이 콜백 객체를 삭제하면 후속 콜백 함수 목록이 더 이상 실행되지 않습니다.
                   목록 = 스택 = 자동 = 정의되지 않음;
                   이것을 돌려주세요;
            },
              비활성화됨: 기능() {//비활성화 여부