ES6 모듈의 조건부 가져오기

ES6에서 '가져오기' 및 '내보내기' 키워드는 모듈의 최상위 수준에만 나타날 수 있습니다. 기준 치수. 이는 많은 애플리케이션에서 공통적으로 요구되는 조건부 가져오기를 방지합니다. 이 질문은 이 문제에 대한 해결책을 탐구합니다.

처음에 사용자가 조건문을 사용하여 모듈을 가져오려고 시도했지만 이로 인해 SyntaxError가 발생했습니다. 그런 다음 사용자는 System.import를 사용하여 조사했지만 필요한 리소스를 찾는 데 어려움을 겪었습니다.

조건부 가져오기에 대한 솔루션은 ECMAScript 2020에 동적 가져오기를 도입하여 제공됩니다. 동적 가져오기는 import() 함수를 사용합니다. 모듈 이름을 나타내는 문자열 인수입니다. 이 함수는 가져온 모듈을 확인하는 Promise를 반환합니다.

동적 가져오기를 사용하여 조건부로 모듈을 가져오는 방법은 다음과 같습니다.

if (condition) {
  import('something')
  .then((something) => {
    console.log(something.something);
  });
}

이 예에서는 'import' 키워드가 조건문 내에 나타납니다. import() 함수는 해결된 약속을 반환하고 모듈은 'something' 변수에 할당됩니다. 이를 통해 구문 오류 없이 모듈을 조건부로 가져올 수 있습니다.