728x90 300x250 SMALL 즉시실행함수3 IIFE 즉시 실행 함수 (() => {}) IIFE(Immediately Invoked Function Expression)IIFE는 즉시 실행 함수로, 함수 선언과 동시에 실행된다.복잡한 조건부 렌더링에서 사용하면 동적으로 값을 계산하거나 여러 조건을 처리할 수 있다. function Example({ user }) { return ( {(() => { if (!user) return Please log in.; // user가 없으면 이 메시지 if (user.role === 'admin') return Welcome, Admin!; // admin인 경우 return Welcome, User!; // 기본값 })()} );} 함수 (() => {...}) 선언()로 즉.. 2024. 12. 30. IIFE 즉시 실행 함수를 사용하는 이유 충돌방지 자바스크립트의 클로저 현상 때문에 IIFE 내부의 정의된 변수와 함수는 외부에서 접근 할 수 없다. (function myFunc() { var text = "hello world!"; return console.log(text); })(); myFunc();//text is not defined 따라서 IIFE형식을 사용하면 코드의 충돌을 막을 수 있다. 라이브러리 전역 변수 충돌 방지 jQuery나 Prototype 라이브러리는 $ 전역변수를 동일하게 사용하기 때문에 충돌이 생길 수 있는데 이때 IIFE 함수를 이용해서 충돌을 막을 수 있다. (function ($) { // jQuery })(jQuery); 변수에 즉시 실행 함수를 저장 즉시 실행 함수는 한 번의 실행만 필요로 하는 초기화.. 2022. 12. 20. IIFE 함수의 선언과 동시에 실행시키기 IIFE 함수는 정의와 동시에 즉시 실행되는 함수를 의미합니다. Immediately Invoked Function Expression 일반적으로 함수를 호출할때는 아래와 같이 함수이름(); 이런식으로 호출하지만 function f1() { console.log('hello!'); } f1(); 아래와 같이 함수 리터럴을 ()로 감싸고 바로 실행 할 수 있습니다. (function () { console.log('hello!'); }) (); 즉시 실행 함수를 사용하면 함수 이름이 없이도 바로 실행 가능합니다. 2022. 2. 18. 이전 1 다음 728x90 반응형 LIST