[common.js]_공통 함수 실전 필드처럼 만들어서 사용하기

2021. 12. 3. 16:48[프론트엔드]_/[Javascript]_ES6

728x90
반응형

개발을 하다 보면 한 페이지에서만 사용하는 함수가 아니라 여러곳에서 사용하는 함수들이 있습니다. 이를 각각 페이지에 적게 되면 시간도 오래걸리고 유지보수가 어려워 한 파일에 넣어서 관리하고 참조하여 사용합니다.

 

간단하게 예제를 만들어 보았습니다.

해당하는 경로에 common.js를 만들고

자기 자신을 리턴하는 함수로 구현합니다. 그리고 그 안에 ui가 있고 그안에는 download 라는 함수가 있습니다.

 

맨 하단부는 다음과 같이 const로 $commons -> 불려질 이름 으로 지정합니다.

사용할 페이지에 이런식으로 선언합니다 (Android 에서의 import라고 이해하였습니다)

 

사용시에는 이런식으로 접근하여 해당 함수를 불러옵니다.

 

728x90
반응형