jQuery 플러그 인 생 성 코드 분석

jQuery 플러그 인 을 만 듭 니 다.기본 적 인 형식 은 위의 코드 입 니 다

 
(function ($) 
{ 
//add code here 
})(jQuery) 

우 리 는 어떻게 이해 합 니까?첫 번 째 단계:function($){}은 익명 의 함 수 를 정의 합 니 다.매개 변수 가 있 습 니 다.$는 매개 변수 이름 이 고 다른 매개 변수 이름과 다 를 바 없습니다.두 번 째 단계:(function($){})(jQuery)우리 가 익명 함 수 를 실행 하려 고 할 때,보통 var func=function($){},그리고 func(인자)와 같은 형식 을 사용 합 니 다.여기 func 가 바로 Function 대상 입 니 다.그러나 더 간결 한(function($){})은 괄호 로 괄호 의 내용 을 되 돌려 주 는 것 도 function 대상 입 니 다.우 리 는 다시 실행 하면 됩 니 다:(function($){})(jQuery)세 번 째 단계:이 때 우 리 는 실제로 위 에서 정의 한 익명 함 수 를 실행 합 니 다.실행 할 때 이 익명 함수 에 매개 변수 값 을 제공 합 니 다:jQuery.네 번 째 단계:그래서 최종 위의 표현 은 var func=function($){}과 같 습 니 다.func(jQuery); 익명 함 수 를 정의 하고 jQuery 를 매개 변수 로 한 번 실행 하 는 것 입 니 다.이곳 의 역할 은 무엇 입 니까?1.$기호 충돌 문 제 를 해결 하 는 jQuery 에서 우 리 는$로 jQuery 를 대체 합 니 다.이것 은 쓰기 방법 을 간소화 하기 위해 서 입 니 다.그러나$이 기 호 는 때때로 충돌 할 수 있다.위의 익명 함수 코드 에서 우 리 는 습관 적 으로$로 쓸 수 있 지만 실행 할 때 jQuery 로 대체 합 니 다.이것 은 변수의 충돌 을 피 할 수 있 습 니 다.2.패 킷 문 제 를 해결 합 니 다.보통 스 크 립 트 에 직접 쓰 는 함수 입 니 다.실행 후 삭제 되 지 않 은 변 수 는 계속 존재 하고 정상적으로 접근 할 수 있 습 니 다.이것 은 우리 가 줄곧 이해 해 온 함수 의 개인 변수 와 일치 하지 않 는 다.그러나 우 리 는 이러한 방식 으로 필요 한 모든 함 수 를 이 익명 함수 에 포함 시 키 면 그 중의 부분 변 수 는 외부 에서 접근 할 수 없고 변 형 된 것 은 개인 적 인 부분 변 수 를 만 드 는 역할 을 합 니 다.this.처음 멤버 들 만 플러그 인 외부 에 접근 할 수 있 습 니 다.