function($){}(jQuery) 쉽게 설명 좀 해주실수 있나요 ㅠㅠ

Question

jQuery를 플러그인 관련 공부를 하다가function($){}(jQuery)를 보았는데 이게 어떻게 사용되는지 원리를 알고 싶습니다.

fx · Accepted Answer

즉시 실행 함수라고 부릅니다. 다음은 함수의 정의 입니다.function aaa() { console.log('aaa'); } 호출 하지 않으면 아무 일도 일어나지 않습니다.aaa(); <- 이것은 함수의 호출 입니다. 함수에 ()를 붙여서 호출합니다. 다음은 익명함수 입니다. 함수에 이름이 없으므로 변수에 저장합니다.var bbb &#61; function() { console.log('bbb'); } 역시 호출 하지 않으면 아무 일도 일어나지 않습니다.bbb(); <- 이것도 함수의 호출 입니다. 익명 함수 자체를 괄호로 감싸고, 뒤에 다시 괄호를 붙여주면, 익명함수를 변수에 저장하지 않고바로 호출 할 수 있습니다.(function() {console.log('ccc'); })(); 다시 함수 선언으로 돌아가서 인자를 넣을 경우를 생각해 봅니다.function aaa(text) { console.log(text); } 함수에 매개변수를 하나 추가했으므로, 호출 시에 인자를 하나 추가합니다.aaa('test'); 즉시호출 익명함수의 경우도 마찬가지로 매개변수를 이용할 수 있습니다. (function(text) { console.log(text); })('test'); jQuery를 인자로 넘겨 $라는 매개변수로 받아서 사용하는 즉시 실행 함수. (function($){ ... })(jQuery); 추가로 $는 자바스크립트에서 사용할 수 있는 변수명 중에 하나 입니다.jQuery가 널리 사용되기 때문에, $는 주로 jQuery의 별칭일 때가 많습니다만, var $ &#61; 123; 같은 코드를 작성할 수도 있습니다. 라떼님이 덧글처럼, 즉시 실행 함수 외부에서는 $를 다른 목적으로 사용하거나,$에 대한 전역 의존성을 갖지 않도록 하고 싶을 때 사용할 수 있습니다.

라테 · Answer

일반적으로 jquery를 사용할떄 $('#target') 같은식으로 $을 앞에 붙이게 되는데jquery 와 다른 라이브러리를 같이 사용하다보면 $때문에 충돌이 발생하기도 합니다그래서 function($){}(jQuery)와 같이 선언해놓고 사용을 하면 { } 사이에서는 $가 다른 라이브러리와 충돌하는 일 없이 jQuery를 사용할수있습니다.

function($){}(jQuery) 쉽게 설명 좀 해주실수 있나요 ㅠㅠ

2개의 답변

Q&A 목록