ES6 모듈 이해

모듈을 지원하지 않는 브라우저는 type = "module"스크립트를 실행하지 않습니다. 지명 속성을 사용하여 모듈 호환 브라우저에서 무시하는 폴백 스크립트를 제공 할 수 있습니다. 예를 들면 :

<🎜>

ES6 모듈은 추가 가져 오기를 구문 분석하기 위해 코드를 실행하기 전에 미리 정렬됩니다. CommonJS 모듈은 코드를 실행할 때 수요에 따라 종속성을로드합니다.

위의 예에서는 차이가 없지만 다음 ES2015 모듈 코드를 고려하십시오.

ES2015의 출력 : <🎜 🎜>

<🎜>
<🎜>

로그인 후 복사
CommonJS를 사용하여 작성된 유사한 코드 : <🎜 🎜>

commonjs의 출력 : <🎜 🎜>

일부 응용 프로그램에서 실행 순서가 중요 할 수 있습니다. 동일한 파일의 ES2015와 CommonJS 모듈을 혼합하면 어떻게됩니까? 이 문제를 해결하기 위해 Node.js는 Extension .mjs가있는 파일에서 ES6 모듈 만 사용할 수 있습니다. 확장자 .js가있는 파일은 commonjs에 기본값을받습니다. 이것은 대부분의 복잡성을 제거하고 코드 편집기 및 코드 검사관에 도움이되는 간단한 옵션입니다.

// lib.js
const PI = 3.1415926;

function sum(...args) {
  log('sum', args);
  return args.reduce((num, tot) => tot + num);
}

function mult(...args) {
  log('mult', args);
  return args.reduce((num, tot) => tot * num);
}

// 私有函数
function log(...msg) {
  console.log(...msg);
}

module.exports = { PI, sum, mult };

로그인 후 복사

<<> node.js에서 es6 모듈을 사용해야합니까?

<<> es6 모듈은 Node.js v10 이상에서만 유용합니다 (2018 년 4 월에 출시). 기존 프로젝트를 변환하는 것은 어떤 혜택을 가져올 가능성이 없으며, 응용 프로그램이 이전 버전의 node.js와 호환되지 않도록합니다. 새로운 프로젝트의 경우 ES6 모듈은 CommonJS에 대한 대안을 제공합니다. 구문은 클라이언트 인코딩과 동일하며 브라우저 나 서버에서 실행될 수있는 동형 자바 스크립트에 더 쉬운 방법을 제공 할 수 있습니다.

const { sum, mult } = require('./lib.js');

console.log(sum(1, 2, 3, 4));  // 10
console.log(mult(1, 2, 3, 4)); // 24

로그인 후 복사
모듈 Melee

표준화 된 JavaScript 모듈 시스템은 등장하는 데 몇 년이 걸리고 구현하는 데 시간이 오래 걸렸지 만 문제는 수정되었습니다. 2018 년 중반부터 모든 주류 브라우저 및 Node.js는 ES6 모듈을 지원하지만 모든 사람이 업그레이드 할 때 스위칭 지연이 예상되어야합니다. 내일 JavaScript 개발의 혜택을 얻기 위해 오늘 ES6 모듈을 배우십시오. ES6 모듈에 대한 FAQS (FAQ)

(전체 텍스트가 완전히 의사 조직화되었으므로 원본 문서의 FAQ 부분이 여기에서 생략됩니다)

위 내용은 ES6 모듈 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!