ES6 새로운 기능 개발 WeChat 애플릿 (7)

ES6 이전에 커뮤니티는 몇 가지 모듈 로딩 솔루션을 개발했는데, 가장 중요한 솔루션은 CommonJS와 AMD였습니다. 전자는 서버용이고 후자는 브라우저용입니다. ES6은 언어 사양 수준에서 모듈 기능을 구현하며 구현이 매우 간단합니다. 기존 CommonJS 및 AMD 사양을 완전히 대체하고 브라우저 및 서버를 위한 범용 모듈 솔루션이 될 수 있습니다.

모듈(module)

각 ES6 모듈은 기본적으로 JS 코드가 포함된 파일이며 모듈 키워드를 사용하지 않습니다. 모듈을 정의합니다. 기본적으로 모듈은 엄격 모드에서 실행됩니다. 모듈 기능은 주로 내보내기(export)와 가져오기(import)라는 두 가지 명령으로 구성됩니다. 내보내기 명령은 사용자 정의 모듈에서 외부 인터페이스를 지정하는 데 사용되며, 가져오기 명령은 다른 모듈에서 제공하는 함수를 입력하고 함수 이름 충돌을 방지하기 위해 네임스페이스를 만드는 데 사용됩니다.

export

export는 주어진 파일(또는 모듈)에서 함수와 개체를 내보내는 데 사용됩니다.

단일 내보내기

일괄 내보내기

내보내기 이름 바꾸기

기본 내보내기, 각 모듈에는 하나의 기본 내보내기만 있을 수 있습니다.

import

import는 외부 모듈 및 기타 스크립트에서 함수, 개체 또는 프로토타입을 가져오는 데 사용됩니다. 모델은 다른 모듈이나 스크립트로 내보내야 합니다.

모듈에 실행할 논리가 포함되어 있고 내보낼 개체가 없는 경우 개체 가져오기가 없습니다. 이 클래스 객체는 다른 모듈로 가져올 수도 있습니다.

기본 개체를 가져오고 기본 내보내기 방법을 사용하여 개체를 내보냅니다. import 문에서 참조에 할당됩니다.

일괄 가져오기

가져오기 이름 바꾸기

모든 개체 가져오기

가져오기 명령으로 가져온 개체는 특정 상황에 따라 변수, 함수 또는 클래스일 수 있습니다. import와 require 사이에는 큰 차이가 있으므로 혼합하지 않는 것이 가장 좋습니다.

인스턴스

f10_modules_math.js

f10_modules_app.js

f10_modules.js

위 내용은 ES6 새로운 기능 개발 WeChat 애플릿 (7)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!