javascript 내장 함수 찾는 방법.

javascript 소스코드를 보다 보면 내장함수가 있는데, 컨트롤을 누르고 마우스를 클릭해도 해당 함수를 한번에 java처럼 찾아가 주질 않는다. search를 사용해 검색을 해봐도 나타나지 않는 라이브러리 내에있는 내장 함수를 찾는 방법을 정리해 두고자 한다.

 

//아래와 같은 svcf_Ajax()라는 함수를 찾아보고자 한다. 
//먼저 그 위에 디버깅을 위한 debugger; 를 넣는다.

function init(categorySeq,tktSeq,adCnt,junCnt,chiCnt){
  
    debugger;   
   
    svcf_Ajax("/web/pdt/poDateAjax.do", f, {
        callbackFn: possDateAjaxBack,
        procType : "R",
        sendFn: cmf_AjaxStart,
        stopFn: cmf_AjaxEnd
    });
}

 

F12를 눌러 개발자 도구를 연다. 

 

해당 함수를 호출하는 부분이 오면 디버깅이 작동되면서 해당 함수부분에서 멈추게 된다.

여기서 개발자 도구 우측 상단을 보면 Step into next function call 이라는 ↓라고 표시된 화살표를 클릭하면

해당 함수로 들어갈 수 있다.

라이브러리안에 내장 함수는 모두 압축버전이기 때문에 해당 부분을 복사해서 들여쓰기를 따로 해줘야한다.