저장을 습관화

module의 이해 본문

공부/JavaScript

module의 이해

ctrs 2023. 6. 25. 12:02

- module이란 

분리된 자바스크립트 파일이며, 각 파일은 특정한 기능을 가진 여러 개의 함수와 변수들의 집합이다.

module은 그 자체로도 하나의 프로그램이면서 다른 프로그램의 부품으로 재사용될 수 있다.

1개의 파일이 1개의 모듈이 되는 것이 일반적이다.

 

- 사용법

모듈 파일에서 export

모듈을 사용하고자 하는 파일에서 import, 혹은 require

 

- 예시 1. 일반적인 사용법

math.js

function add(a, b) {
  return a + b;
}

module.exports = add; // module 선언

 

run.js

const add = require("./math.js"); // 같은 경로의 math.js 파일에서 모듈을 가져옴을 선언

console.log(add(10, 30)); // 실행 결과: 40

 

- 예시 2. 객체 'add'에 담긴 익명함수로써 export

math.js

exports.add = function (a, b) {
  return a + b;
};

 

run.js

const add = require("./math.js");

console.log(add.add(10, 30));

 

그 외

// 모듈을 호출했을 때, add 키 값에는 add 변수 함수가 가지고 있는 값이 할당되는 방법
const add = (a, b) => {
  return a + b;
};
exports.add = add;

// 모듈을 호출했을 때, add 키 값에는 (a,b){return a + b;} 익명함수가 할당되는 방법
exports.add = function (a, b) {
  return a + b;
};

// 모듈을 호출했을 때, add 키 값에는 add 함수가 들어가는 방법
module.exports = { add: add };

// 모듈 그 자체를 바로 add 함수로 할당하는 방법
module.exports = add;