티스토리 뷰
- 즉시실행 함수를 사용하면 안에 있는 함수나 객체 등 멤버들이 비공개가 되는데 이 멤버들을 즉시실행함수 외부에서 참조하기 위한 두 가지 방법을 정리하였습니다.
1)
<script> // dom helpers var dom = (function(global){ // validate() 헬퍼 함수 | 전달인자 [조건, 오류메시지] // 공개 멤버 function validate(condition, error_msg){ if (condition == undefined || condition == null){ condition = false; console.log(condition); } else if (!condition && condition != 0 && condition != ''){ throw new TypeError(error_msg); } } // 비공개 멤버 function apples(){ console.log('test'); } return { 'validate' : validate, } })(window); // 전역에서 함수실행 dom.validate(null); </script>
- IIFE함수에 dom이라고 이름을 넣어주고(함수명은 자유) 함수의 결과값을 객체로 리턴 받는다.
2)
<script> // dom helpers (function(global){ // validate() 헬퍼 함수 | 전달인자 [조건, 오류메시지] // 공개 멤버 function validate(condition, error_msg){ if (condition == undefined || condition == null){ condition = false; console.log(condition); } else if (!condition && condition != 0 && condition != ''){ throw new TypeError(error_msg); } } // 비공개 멤버 function apples(){ console.log('test'); } global.dom = { 'validate' : validate, } })(window); // 전역에서 함수실행 dom.validate(null); </script>
- IIFE함수를 익명으로 사용하되 외부에서 참조할 수 있게 window객체의 매개변수인 global에 dom라는 객체를 생성(이름명은 자유)해서 "이름/값"을 지정한다.
'자바스크립트' 카테고리의 다른 글
iframe 사용시 탭 키 초점 이동 안될때 (0) | 2015.10.19 |
---|---|
브라우저 종류를 판별해주는 자바스크립트 함수 (0) | 2015.10.07 |
modernizr.js 와 Detectizr.js 자바스크립트 라이브러리 (0) | 2015.09.04 |
IIFE(즉시실행함수) (0) | 2015.09.03 |
javascript css스타일 넣는 2가지 방법 (0) | 2015.07.22 |
- Total
- Today
- Yesterday
- 애플웹폰트
- 키보드접근성자바스크립트
- 키보드 웹접근성
- 부트스트랩 네이밍
- 반응형웹
- WAI-ARIA탭메뉴
- bxslider
- 부트스트랩class명
- PlaceHolder
- SFPro웹폰트
- San Francisco web font
- 접근성 tabmenu
- 자바스크립트 탭메뉴
- San Francisco웹폰트
- jquery
- 깃허브
- 접근성탭메뉴
- WAI-ARIA tab menu
- placeholder css
- 패럴럭스 스크롤
- one scroll
- Flexbox
- CSS3
- VSCode
- SFPro web font
- Git
- node.js
- 웹폰트
- 본고딕
- 웹 접근성
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |