[common.js]_공통 함수 실전 필드처럼 만들어서 사용하기
2021. 12. 3. 16:48ㆍ[프론트엔드]_/[Javascript]_ES6
728x90
반응형
개발을 하다 보면 한 페이지에서만 사용하는 함수가 아니라 여러곳에서 사용하는 함수들이 있습니다. 이를 각각 페이지에 적게 되면 시간도 오래걸리고 유지보수가 어려워 한 파일에 넣어서 관리하고 참조하여 사용합니다.
간단하게 예제를 만들어 보았습니다.
해당하는 경로에 common.js를 만들고
자기 자신을 리턴하는 함수로 구현합니다. 그리고 그 안에 ui가 있고 그안에는 download 라는 함수가 있습니다.
맨 하단부는 다음과 같이 const로 $commons -> 불려질 이름 으로 지정합니다.
사용할 페이지에 이런식으로 선언합니다 (Android 에서의 import라고 이해하였습니다)
사용시에는 이런식으로 접근하여 해당 함수를 불러옵니다.
728x90
반응형
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[프론트엔드]_JavaScript(es6)_6.Array_APi 연습 (0) | 2021.12.05 |
---|---|
[프론트엔드]_JavaScript(es6)_6.Array (0) | 2021.12.05 |
[IntelliJ]_jQuery 라이브러리 추가, 적용 (1) | 2021.12.03 |
[TypeScript]_IntelliJ Spring_lib.dom.ts 외부 라이브러리 가져오기 (0) | 2021.12.02 |
[IntelliJ]_Spring 로딩 페이지 설정 (0) | 2021.12.01 |