처음부터 자바 스크립트를 프로그래밍 언어로 간주 한 사람은 아무도 없습니다. 웹 1.0 시대 에이 스크립팅 언어는 주로 양식 검증 및 웹 페이지 특수 효과에 사용되었습니다. Web 2.0 시대까지 프론트 엔드 엔지니어가이를 사용하여 JS가 널리 평가 한 웹 페이지의 사용자 경험을 크게 향상 시켰습니다. JS가 점점 인기를 얻음에 따라 도구 라이브러리, 구성 요소 라이브러리, 프론트 엔드 프레임 워크 및 프론트 엔드 애플리케이션의 변화가 대략적으로 변경됩니다. JavaScript는 본질적으로 기능이 부족합니다. 모듈, CommonJS 사양의 출현은이 단점을 보완합니다. 이 기사는 CommonJS 사양 및 노드 모듈 메커니즘을 소개합니다.
다른 고급 언어에서 Java에는 클래스 파일이 있으며 Python에는 가져 오기 메커니즘이 있으며 PHP는 포함 및 요구 사항이 있습니다. JS가 <cript> 태그를 통해 코드를 소개하는 방식은 지저분 해 보입니다. 과거에는 사람들이 코드를 인위적으로 제한하기 위해 네임 스페이스 및 기타 방법을 사용해야했습니다. CommonJS 사양이 나타나기 전까지는 프론트 엔드 및 백엔드 JavaScript가 큰 통일성을 달성 할 수있었습니다. 노드는 CommonJS의 모듈 사양을 빌려서 사용하기 쉬운 모듈 시스템을 구현합니다.
1. CommonJS 모듈 사양
CommonJS 모듈 사양은 3 부분으로 나뉩니다.
1). 모듈 참조 : 요구 () 메소드를 통해 모듈의 API를 현재 컨텍스트에 소개하고 var math = require ( 'math')와 같은 모듈 식별자를 전달합니다.
2) 모듈 정의 : 내보내기 개체를 통해 현재 모듈의 메소드 또는 변수를 내 보냅니다. 모듈에는 모듈 객체도 있으며 내보내기는 실제로 모듈의 속성입니다. 노드에서 파일은 모듈이며 모듈의 "글로벌 변수"는 외부 세계에서는 보이지 않습니다. 내보내기에 장착 된 속성 만 Exports.add = function () {}과 같이 공개됩니다. Exports.pi = 3.1415926;
3) .MODULE ID : 실제로 require ()로 전달 된 매개 변수입니다. 예를 들어, 위에서 언급 한 '수학'은 낙타 명명법을 준수하는 문자열이거나 ""로 시작하는 상대적 또는 절대 경로 여야합니다. ".."파일 이름 접미사가 없을 수 있습니다 ".js"
2. 노드 모듈 구현 프로세스
노드에서 모듈은 두 가지 범주로 나뉩니다. 하나는 노드 자체가 제공하는 핵심 모듈이고 다른 하나는 사용자가 작성한 파일 모듈입니다. 코어 모듈 중 일부는 노드 소스 코드를 컴파일하는 동안 이진 파일로 컴파일됩니다. 노드가 시작되면 코어 모듈이 메모리에 직접로드되므로 로딩 속도가 가장 빠릅니다. 파일 모듈은 런타임시 동적으로로드되며 경로 분석, 파일 위치 및 컴파일 및 실행의 세 단계가 필요합니다. 노드 캐시는 보조 소개 중에 오버 헤드를 줄이기 위해 모듈을 도입하고 동일한 모듈의 보조로드를위한 가장 선호되는 전략을 채택합니다.
2.1 경로 분석
경로 분석은 주로 위에서 언급 한 모듈 식별자를 주로 분석하며 주로 다음 범주로 나뉩니다.
1) HTTP, FS, 경로 등과 같은 핵심 모듈.
2) 상대 경로 파일 모듈로 시작합니다. 또는 .
3) 절대 경로 파일 모듈로 시작하여 /
4) 파일 또는 패키지 형식 일 수있는 사용자 정의 파일 모듈. 노드는 모듈 경로 배열 모듈에 따라 대상 파일을 하나씩 찾으려고 시도합니다.
2.2 파일 위치
경로 분석을 기반으로 다음과 같은 세부 사항을 다음과 같이주의를 기울여야합니다.
1) 파일 확장 분석 : CommonJS 사양은 모듈 식별자를 채우지 못하게되므로 Node는 .js, .json 및 .node 순서대로 시도합니다.
2) 디렉토리 분석 및 패키지 : 위의 파일 확장 분석 후에 해당 파일이 없지만 디렉토리가 얻어지면 노드는 디렉토리를 패키지로 처리합니다.
2.3 컴파일 및 실행
특정 파일을 찾은 후 노드는 새 모듈 객체를 생성하고 경로에 따라로드 및 컴파일됩니다. 다른 확장의 경우 로딩 방법이 다릅니다.
1) .js 파일 : FS 모듈을 통해 파일을 동시에 읽고 컴파일하고 실행합니다.
2) .node 파일 : 이것은 dlopen () 메소드를 통해로드 된 c/c ++로 작성된 확장 파일입니다.
3) .json 파일 : FS 모듈을 통해 파일을 동기식으로 읽고 json.parse ()를 사용하여 구문 분석하고 결과를 반환합니다.
4) 기타 확장 파일 : .js 파일로로드됩니다.
각 모듈 파일에는 기본적으로 요구, 내보내기 및 모듈의 세 가지 변수가 있음을 알고 있습니다. Node API 문서에서도 각 모듈에는 파일 이름과 Dirname의 두 가지 변수가 있음을 알고 있습니다. 그들은 어디에서 왔습니까? 노드 모듈은 선언 된 "글로벌 변수"가 실제로 다른 모듈을 오염시키지 않도록 어떻게 달성합니까? 실제로 Node는 JS 모듈을 컴파일하는 동안 시작과 끝에서 파일 내용을 랩핑합니다. 다음은 Head and Tail로 랩핑되는 JS 파일의 예입니다.
코드 사본은 다음과 같습니다.
(함수 (내보내기, 요구, 모듈, __filename, __dirname) {
/* 중간은 JS 파일의 실제 내용입니다*/
var math = require ( 'math');
Exports.area = 함수 (반경) {
return math.pi * radius * radius;
};
/* JS 파일의 실제 내용은*/
});
이러한 방식으로 각 모듈 파일은 분리 된 분리이며 요구, 내보내기, 모듈 등과 같은 변수도 모듈 컨텍스트에 주입됩니다. 이것은 Node의 CommonJS 모듈 사양을 구현하는 것입니다. C/C ++ 모듈 및 노드 코어 모듈의 컴파일 프로세스는 비교적 복잡하므로 다시 반복하지 않습니다.
3. 모듈 호출 스택
아래 그림과 같이 노드에서 다양한 모듈의 호출 관계를 명확히해야합니다.
C/C ++의 내장 모듈은 가장 낮은 수준 모듈이며 코어 모듈에 속합니다. 주로 JavaScript Core 모듈 및 타사 JavaScript 파일 모듈을 호출하는 API를 제공합니다. 실제로, 그러한 모듈과 거의 접촉하지 않습니다. JavaScript Core 모듈에는 두 가지 주요 책임이 있습니다. 하나는 파일 모듈 호출에 대한 C/C ++의 내장 모듈의 캡슐화 계층 및 브리징 계층으로 사용하는 것입니다. 다른 하나는 기본 계층을 처리 할 필요가없는 순수한 기능 모듈입니다. 파일 모듈은 일반적으로 일반 JavaScript 모듈 및 C/C ++ 확장 모듈을 포함한 제 3자가 작성합니다.
4. 패키지 및 NPM
4.1 패키지 구조
패키지는 본질적으로 아카이브 파일 (일반적으로 .zip 또는 .tar.gz)이며 설치 후 디렉토리로 압축되고 복원됩니다. CommonJS 패키지 사양은 패키지 구조 및 패키지 설명 파일의 두 부분으로 구성됩니다. CommonJS 사양을 완전히 준수하는 패키지 구조에는 다음 파일이 포함되어야합니다.
1) .package.json : 패키지 설명 파일
2) .BIN : 실행 가능한 바이너리 파일이 저장되는 디렉토리
3) .lib : JavaScript 코드가 저장되는 디렉토리
4) .doc : 문서가 저장되는 디렉토리
5) 테스트 : 단위 테스트 케이스가 저장되는 디렉토리
4.2 패키지 설명 파일
패키지 설명 파일은 패키지의 루트 디렉토리에 위치한 JSON 파일 -Package.json이며 패키지의 중요한 부분이며 패키지의 개요 정보를 설명하는 데 사용됩니다. 나중에 언급 될 NPM의 모든 동작은이 파일의 필드와 밀접한 관련이 있습니다. 아래에서는 잘 알려진 웹 프레임 워크 Express 프로젝트의 package.json 파일을 사용하여 일반적으로 사용되는 일부 필드의 의미를 설명합니다.
1). 이름 : 패키지 이름
2) 설명 : 패키지 소개
3) .version : 버전 번호는 "Semantic Version Control"을 준수해야합니다. http://semver.org/를 참조하십시오.
4) 의존성 : 현재 패키지가 의존 해야하는 패키지 목록을 사용하십시오. 이 속성은 매우 중요합니다. NPM 은이 속성을 통해 종속 패키지를 자동으로로드합니다.
5). 구조 : 소스 코드를 호스팅하기위한 위치 목록
다른 필드의 사용은 NPM Package.json 설명을 참조 할 수 있습니다.
4.3 NPM의 일반적인 기능
일반적으로 노드 패키지 관리자로 알려진 NPM (Node Package Manager). 주요 기능은 설치, 설치, 업데이트,보기, 검색, 게시 등을 포함한 노드 패키지를 관리하는 것입니다.
4.3.1 NPM 패키지 설치
노드 패키지의 설치에는 로컬 설치 및 글로벌 설치의 두 가지 유형이 있습니다. 둘 사이의 차이점은 다음과 같습니다.
1). 로컬 설치 npm install <package-name> : 패키지는 현재 디렉토리로 다운로드되며 현재 디렉토리에서만 사용할 수 있습니다.
2). 글로벌 설치 npm install -g <package -name> : 패키지는 특정 시스템 디렉토리로 다운로드되며 설치된 패키지는 모든 디렉토리에서 사용할 수 있습니다.
4.3.2 NPM 패키지 관리
다음은 Grunt-Cli (Grunt Command Line 도구)를 사용하는 일반적으로 사용되는 패키지 관리 명령 목록입니다.
1) .npm 설치 : package.json 파일의 종속성 및 devdependencies 필드에서 선언 한 모든 패키지 설치
2) .npm 설치 [email protected] : Grunt-Cli의 특정 버전을 설치하십시오
3) .npm 설치 Grunt-Contrib-Copy--Save : Grunt-Contrib-Copy를 설치하고 Package.json 파일에 종속성을 저장합니다.
4) .npm Grunt-Cli를 제거하지 마십시오 : 패키지를 제거하십시오
5) .npm 목록 : 설치된 패키지를 확인하십시오
6) .NPM 게시 <Folder> : 게시 패키지를 게시하십시오