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

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

JavaScript에서는 다음 코드를 흔히 볼 수 있습니다. 소스 파일의 시작 부분에:

var FOO = FOO || {};

이 코드는 조건 연산자(||)를 사용하여 아직 존재하지 않는 경우 빈 객체({})를 변수(FOO)로 변환합니다. 이 기술은 함수와 변수를 구성하는 데 사용되는 명명된 개체인 네임스페이스를 만드는 데 종종 사용됩니다.

조건 연산자는 다음과 같이 작동합니다. 변수 FOO가 정의되지 않았거나 null(초기 상태)인 경우 빈 개체가 할당됩니다. 그러나 FOO가 이미 정의된 경우에는 기존 값이 사용됩니다.

네임스페이스를 사용하면 동일한 네임스페이스를 공유하는 여러 파일이 전역 개체를 오염시키지 않고 함수 및 변수를 정의할 수 있습니다. 예를 들어 다음 두 파일을 고려해 보세요.

파일 1:

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

파일 2:

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

이 경우 두 파일 모두 MY_NAMESPACE 네임스페이스를 공유합니다. 따라서 로드된 순서에 관계없이 func1과 func2는 모두 MY_NAMESPACE 개체 내에 정의됩니다. 첫 번째 파일은 초기 네임스페이스를 생성하고 후속 파일은 기존 개체를 확장하여 파일 전체에서 일관된 개체 구조를 보장합니다.

이 기술은 스크립트 실행 순서가 불확실한 비동기 스크립트 로드에 특히 유용합니다. 네임스페이스를 공유하는 모든 스크립트가 동일한 개체를 사용하도록 하면 파일 로드 순서가 정의된 개체의 무결성에 영향을 미치지 않습니다.

위 내용은 'var FOO = FOO || {};'는 어떻게 작동합니까? JavaScript로 네임스페이스를 만들고 관리하시겠습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!