자바스크립트 + 리액트 디자인 패턴

86

자바스크립트 + 리액트 디자인 패턴

이 메서드들은

basketModule

로 네임스페이스가 지정됩니다. 함수가

basketModule

에 포함

되어 있는 것으로 다음과 같은 이점을 제공합니다.

●

비공개 자유성

: 모듈 내부에서만 사용 가능한 비공개 함수를 자유롭게 만들 수 있습니다. 다른 파일에서 접근

할 수 없기에 완전한 비공개를 실현할 수 있습니다.

●

디버깅 용이성

: 대개 함수는 선언되고 이름이 정해지므로, 어떤 함수가 예외를 발생시켰는지 알아내려고 할

때 디버거에서 콜 스택

call

stack

을 찾기 쉬워집니다.

7.3.3

모듈 패턴의 변형

시간이 지나면서 각자의 입맛에 맞는 모듈 패턴의 변형들이 등장하기 시작했습니다.

믹스인

Mixin

가져오기 변형

이 변형된 패턴은 유틸 함수나 외부 라이브러리 같은 전역 스코프에 있는 요소를 모듈 내부의

고차 함수에 인자로 전달 할 수 있게 합니다. 이를 통해 전역 스코프 요소를 가져와 맘대로

이름을 지정

alias

할 수 있습니다.

// utils.js

export const min = (arr) => Math.min(...arr);

// privateMethods.js

import { min } from "./utils";

export const privateMethod = () => {

console.log(min([10, ...