JQuery의 $naming conflict_jquery에 대한 자세한 분석

Jquery에서 $는 JQuery의 별칭입니다. $가 사용되는 모든 위치는 JQuery로 대체될 수도 있습니다. 예를 들어 $('#msg')는 JQuery('#msg')와 동일합니다. 그러나 여러 js 라이브러리를 도입하고 $ 기호가 다른 js 라이브러리에도 정의되어 있으면 $ 기호를 사용할 때 충돌이 발생합니다. 다음은 jquery.js와 Prototype.js라는 두 개의 라이브러리 파일을 도입한 예입니다.

첫 번째 경우: jquery.js는 프로토타입.js 다음에 도입됩니다. 예:

이런 문장 블록 활용 방법은 우리가 직접 jquery 플러그인을 작성할 때, 특정 작업 과정에서 다양한 js 라이브러리를 순차적으로 도입하는 방법을 모르기 때문에 이 작성 방법을 사용해야 합니다. 이런 종류의 진술 블록 쓰기 방법은 충돌을 막을 수 있습니다.

(함수($){})(jQuery)

1 먼저 (function(){})()은 익명 메서드를 생성하고 즉시 실행하도록 작성되었습니다(function(){}). 이는 익명 메서드 뒤의 괄호입니다. 즉시 이 방법을 사용하세요.
이렇게 하면 내부 변수가 $jQuery 및 jquery 내에 정의된 기타 변수와 같은 외부 변수와 충돌하지 않도록 범위를 만들 수 있습니다.

2 (function($){})(jQuery) 이 작성 방법의 주요 기능은 jquery가 다른 클래스 라이브러리나 변수와 충돌하지 않는지 확인하는 것입니다. 먼저 변수가 있는지 확인해야 합니다. jQuery의 이름은 외부 세계와 충돌하지 않습니다(jquery 내부 $와 jQuery는 동일합니다. 이름이 두 개인 이유는 $가 다른 변수 이름과 충돌할 것을 두려워하기 때문입니다(jQuery가 다른 변수와 충돌할 확률). 매우 작음) 익명 객체를 전달합니다. 익명 객체는 매개변수 이름을 $로 지정합니다(실제로는 jquery와 동일합니다. 내부는 동일합니다). 그런 다음 (function($){})(jQuery에서 플러그인을 자유롭게 작성할 수 있습니다. ) 외부 변수와의 충돌 여부를 고려하지 않고