>  기사  >  웹 프론트엔드  >  commonjs와 es6 모듈성의 차이점은 무엇입니까

commonjs와 es6 모듈성의 차이점은 무엇입니까

青灯夜游
青灯夜游원래의
2022-03-07 18:58:2012674검색

차이점: 1. CommonJS 모듈은 런타임에 로드되는 반면, ES6 모듈은 컴파일 타임에 출력 인터페이스입니다. 2. CommonJS 모듈의 require()는 모듈을 동기적으로 로드하는 반면, ES6 모듈의 import 명령은 비동기적으로 로드합니다. 모듈, ES6 모듈의 소개입니다.

commonjs와 es6 모듈성의 차이점은 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

CommonJS

  • 기본 데이터형의 경우 복사본입니다. 즉, 모듈에 의해 캐시됩니다. 동시에 이 모듈에서 출력된 변수는 다른 모듈에 다시 할당될 수 있습니다.

  • 복잡한 데이터 유형의 경우 얕은 복사본입니다. 두 모듈에서 참조하는 개체는 동일한 메모리 공간을 가리키므로 모듈 값을 수정하면 다른 모듈에 영향을 미칩니다.

  • require 명령을 사용하여 모듈을 로드하면 모듈 전체의 코드가 실행됩니다.

  • require 명령을 사용하여 동일한 모듈을 로드하면 모듈이 다시 실행되지 않지만 캐시에 있는 값을 가져옵니다. 즉, CommonJS 모듈은 아무리 많이 로드해도 처음 로드할 때 한 번만 실행됩니다. 나중에 로드할 경우 시스템 캐시가 없으면 첫 번째 실행 결과가 반환됩니다. 수동으로 지워졌습니다.

  • 루프에서 로드하는 경우 로드 중에 실행됩니다. 즉, 스크립트 코드가 필요할 때 모두 실행됩니다. 모듈이 "루프 로드"되면 실행된 부분만 출력되고 실행되지 않은 부분은 출력되지 않습니다.

ES6 모듈

  • ES6 모듈의 값은 [동적 읽기 전용 참조]에 속합니다.

  • 읽기 전용의 경우, 즉 가져온 변수의 값은 기본 데이터 유형이든 복합 데이터 유형이든 읽기 전용입니다. 모듈이 import 명령을 만나면 읽기 전용 참조가 생성됩니다. 스크립트가 실제로 실행되면 이 읽기 전용 참조를 기반으로 로드된 모듈에서 값이 검색됩니다.

  • 동역학의 경우 원래 값이 변경되면 가져오기로 로드된 값도 변경됩니다. 기본 데이터 유형인지 복합 데이터 유형인지 여부.

  • 루프에서 로드할 때 ES6 모듈은 동적으로 참조됩니다. 두 모듈 사이에 일부 참조가 존재하는 한 코드는 실행될 수 있습니다.

ES6 모듈과 CommonJS 모듈의 차이점

1. CommonJS 모듈은 런타임에 로드되는 반면, ES6 모듈은 컴파일 타임에 출력 인터페이스입니다.

2. CommonJS 모듈의 require()는 모듈을 동기적으로 로드하는 반면, ES6 모듈의 import 명령은 모듈 종속성에 대한 독립적인 해결 단계를 통해 비동기적으로 로드됩니다.

3. CommonJS는 모듈의 얕은 복사본이고 ES6 모듈은 모듈의 도입부입니다. 즉, ES6 모듈은 읽기 전용이며 해당 값을 변경할 수 없다는 점입니다. , const와 유사합니다.

4. 가져오기 인터페이스는 읽기 전용(읽기 전용 상태)이며 해당 변수 값을 수정할 수 없습니다. 즉, 해당 변수를 가리키는 포인터는 변경할 수 없지만 변수를 가리키는 내부 포인터는 변경할 수 있습니다. commonJS 쌍을 재할당할 수 있지만(포인터 포인팅 변경) ES6 모듈에 값을 할당하면 컴파일 오류가 발생합니다.

ES6 모듈과 CommonJS 모듈의 공통점:

1 CommonJS와 ES6 모듈 모두 가져온 객체에 값을 할당할 수 있습니다. 즉, 객체의 내부 속성 값을 변경할 수 있습니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 commonjs와 es6 모듈성의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.