'var FOO = FOO || {};'는 어떻게 작동합니까? JavaScript 네임스페이스를 만들고 관리하시겠습니까?

JavaScript 네임스페이스 생성: "var FOO = FOO || {}" 이해

JavaScript 영역에서 자주 접하는 특이한 패턴 소스 파일의 시작 부분에서 조사할 가치가 있습니다: var FOO = FOO || {};. 처음에는 그 목적이 파악하기 어려운 것처럼 보일 수 있지만 || {} 구문은 네임스페이스 설정에서 중요한 역할을 합니다.

JavaScript의 네임스페이스는 변수와 함수가 상주할 수 있는 명명된 객체 역할을 하여 전역 객체의 바람직하지 않은 오염을 방지합니다. 이 패턴을 사용하면 동일한 네임스페이스를 공유하는 여러 파일이 로드되는 순서에 관계없이 조화롭게 상호 작용할 수 있습니다.

예를 들어,

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func1 = {};

및

var MY_NAMESPACE = MY_NAMESPACE || {};
MY_NAMESPACE.func2 = {};

여기서 공유 네임스페이스는 어떤 파일에 관계없이 func1과 func2가 모두 MY_NAMESPACE 내에서 올바르게 정의되도록 보장합니다. 먼저 로드됩니다. 초기 파일은 MY_NAMESPACE 객체를 생성하고 후속 파일에서는 이를 확장합니다.

저자별 최신 기사

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

3

2207

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

11

2359

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

1973

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1858

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

1923

관련 주제

더>

• 주파수 기능 사용 방법
• Win7 시스템에서 최대 절전 모드를 설정하는 방법
• 하늘색cmyk
• ESD 파일이란 무엇입니까?
• sqlserver와 mysql의 차이점
• 오늘 BTC 가격
• BTC는 어떤 통화인가요?
• Redis를 캐시 서버로 사용하는 방법