동적, 조건부 수입

ES 모듈은 기본 JavaScript 가져 오기를 허용합니다. 예를 들어, 색종이 라이브러리 가져 오기 :

 'https://cdn.skypack.dev/canvas-confetti'에서 confetti 가져 오기;
색종이 조각();

이 가져 오기는 즉시 실행됩니다. 그러나이 패턴을 사용하여 조건부 로딩이 가능합니다.

 (async () => {
  if (조건) {
    // import ( "stuff.js");

    // conditional suctor of confetti (본질로 인해이 특정 구문이 필요합니다)
    const {default : confetti} = import를 기다립니다 (
      "https://cdn.skypack.dev/canvas-confetti@latest"
    );
    색종이 조각();
  }
}) ();

조건부 접근법은 다양한 시나리오에 유용합니다. 예를 들어 URL을 기반으로 한 모듈을로드하거나 조건부로 웹 구성 요소를 렌더링합니다. 가능성은 많습니다.

또 다른 주요 이점은 책임 있고 조건부로드입니다. saveData 가 False 인 경우 모듈 만로드하는 경우이 예를 고려하십시오.

 // ... (코드의 나머지)

위 내용은 동적, 조건부 수입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!