프런트 엔드 모듈 개념 및 사양 한 commonjs

모듈 (패키지)

  우선은 Node.js를 설치해야합니다 (공식 웹 사이트로 이동)

  전통적인 개발   

    <스크립트 SRC = "app.js"> <스크립트>
      효과 모두가있는 JS 파일을 작성하는 전체 페이지
      단점 : 커플 링 코드의 정도 사이의 상관 관계가 게시 유지 보수 글로벌 오염의 원인이됩니다 쉽게, 너무 높지 않은

    < SRC에 스크립트 = "01.js"> <script>
    <스크립트 SRC = "02.js"> <script>
    <스크립트 SRC = "02.js을"> <script>
    <스크립트 SRC = "02.js을"> <script >

      JS 파일 참조 여러
      이것의 단점의 표현을 유지하기 어려운, 퍼지 너무 의존하는 일이 요청 수

  모듈 개발

    모듈은 무엇입니까?   

      특정 규칙 (사양) (파일) 여러 개의 블록으로 포장하고, 결합을 기반으로하는 복잡한 과정

      내부 데이터 블록은 외부의 다른 모듈과 상기 외부 통신 인터페이스 일부 (방법)을 노출 독점적으로 구현

    왜 모듈 형?                                        

      • 이름 충돌을 피하십시오 (감소 네임 스페이스 오염)
      • 더 나은 분리, 수요로드
      • 높은 재사용  
      • 높은 유지 보수

  모듈 형 사양

    CommonJS 

      개요 :

        노드 어플리케이션은 CommonJS 모듈 사양을 이용하여, 모듈로 구성된다. 각 파일은 모듈 자체의 범위를 가지고있다. 변수를 정의하는 문서에서, 함수, 클래스, 다른 문서에 표시되지 비공개. 서버 측에서,로드 모듈은 실행 시간 동기화를로드, 브라우저 측, 모듈 컴파일러 패키지 거래를 사전에. (동기 부하 : 오래 붙어 링크가 존재하는 한, 뒷면에 수행되지 않음)

      특징 :       

        • 모든 코드는 모듈 범위에서,이 전역을 오염하지 않습니다 실행됩니다.
        • 모듈은 두 번 이상로드 할 수 있지만, 첫 번째로드, 그 결과는 캐시 실행할 때 한 번만 실행됩니다, 나중에 직접 읽을 캐시 결과를로드. 모듈이 다시 실행 얻으려면, 당신은 캐시를 지워야합니다.
        • 순차적 모듈, 그들이 코드에 표시되는 순서를로드.

      기본 구문 :

        Module.exports = 값 노광 모듈 또는 exports.xxx = 값

        다음은 제 3 모듈은 XXX 모듈 이름이면 주입 모듈 (XXX)를 요구, 그것은 사용자 모듈, 모듈 XXX의 파일 경로가 있다면

                    

      

          

 

추천

출처www.cnblogs.com/gdqx/p/10967681.html