자바스크립트 모듈화 예제

이것이 2015년 자바스크립트 표준이 자체적인 다양한 모듈 시스템을 도입하는 이유입니다. 일반적으로 ES 모듈이라고 하며, 여기서 ES는 ECMAScript를 의미합니다. 종속성 및 인터페이스의 주요 개념은 동일하게 유지되지만 세부 사항은 다릅니다. 한 가지, 표기는 이제 언어에 통합됩니다. 종속성에 액세스하기 위해 함수를 호출하는 대신 특수 가져오기 키워드를 사용합니다. 요구JS는 다음 세 가지 작은 자바 스크립트 라이브러리에 통합되어 있습니다 : ECMAScript는 스크립팅 언어의 표준이며 자바 스크립트는 ECMAScript의 구현입니다. 약어 ES는 ECMAScript를 나타냅니다. ECMA는 유럽 컴퓨터 제조업체 협회를 의미합니다. 그러나 JavaScript가 몇 가지 추가 기능을 제공 할 수 있다는 점을 제외하고는 ES와 자바 스크립트가 거의 동일하다는 것을 기억해야합니다. 자바 스크립트 코드를 다른 파일에 넣는 것만으로는 이러한 요구 사항을 충족시키지 못합니다. 파일은 여전히 동일한 전역 네임스페이스를 공유합니다.

그들은 의도적으로 또는 실수로 서로의 바인딩을 방해할 수 있습니다. 그리고 종속성 구조는 불분명합니다. 이 장의 후반부에서 볼 수 있듯이 더 잘 할 수 있습니다. 자바 스크립트는 역사적으로 모듈 시스템을 제공하지 않았기 때문에 CommonJS 시스템은 그 위에 구축되었습니다. 그런 다음 어떤 시점에서 그것은 내장 시스템을 얻었어요, 이는 지금 CommonJS 시스템과 쉽게 공존. Basket.js JavaScript 파일을 포함하면 로드할 JavaScript 파일을 정의할 수 있습니다. 그렇다면 내보낸 라이브러리 개체의 이름과 콜백에 전달하여 내보낸 라이브러리 개체를 반환합니다. 이것이 jQuery와 같은 라이브러리가 AMD에서 작동하지만 다른 기존 자바스크립트 환경에서 계속 작동하는 방법입니다. 참고로, 자바 스크립트 ES6의 다음 버전은 비동기 모듈 로드에 대한 새로운 사양이 있습니다. 새 ES6 모듈 로드 구문으로 다룰 모듈 패턴을 사용할 수 있습니다. 2) Namespacing: 자바스크립트에서 최상위 함수의 범위를 벗어난 변수는 전역입니다(즉, 모든 사람이 액세스할 수 있음). 따라서 완전히 관련이 없는 코드가 전역 변수를 공유하는 “네임스페이스 오염”이 일반적입니다.

키워드 함수로 시작하는 문은 항상 함수 선언으로 간주되므로 익명 함수에 대한 괄호가 필요합니다(JavaScript에는 이름이 없는 함수 선언이 있을 수 없습니다.) 따라서 주변 괄호 대신 함수 식을 만듭니다. 궁금한 점은 여기에서 자세히 읽어보시겠습니까? 모듈은 이제 모듈 지원을 위해 RequireJS를 통합하는 웹 응용 프로그램에서 사용할 수 있습니다. 모든 인라인 스크립트를 별도의 파일로 끌어당기라는 요구 JS의 제안에 따라 라이브러리를 테스트하는 JavaScript 응용 프로그램은 main.jss라는 파일에서 만들어집니다.

Este post foi publicado em Sem categoria em por .