ES6에서 조건부 모듈 가져오기를 어떻게 구현할 수 있나요?

동적 ES6 모듈 가져오기

이전에는 가져오기 배치 제한으로 인해 ES6의 조건부 가져오기가 어려웠습니다. 그러나 ECMAScript 2020에 동적 가져오기 기능이 도입되면서 이제 이것이 가능해졌습니다.

조건부 가져오기 메커니즘

조건부로 모듈을 가져오려면 다음 구문을 사용할 수 있습니다.

<code class="javascript">if (condition) {
    import('module-name')
    .then((module) => {
        console.log(module.function);
    });
}</code>

가져온 모듈로 해결되는 Promise를 반환합니다. ".then()" 콜백 내에서 내보낸 함수와 변수에 액세스할 수 있습니다.

예

조건부로 "something" 모듈을 가져오고 해당 "doStuff"를 사용하려면 ()" 함수를 사용하려면 다음과 같이 작성합니다.

<code class="javascript">if (condition) {
    import('something')
    .then((something) => {
        something.doStuff();
    });
}</code>

가용성

동적 가져오기는 최신 브라우저에서 지원되며 Babel 사전 설정 또는 폴리필을 사용하여 활성화할 수 있습니다. 필요하다면.

위 내용은 ES6에서 조건부 모듈 가져오기를 어떻게 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!