자바스크립트 모듈

소개

모듈 사용 방법

app.js - Where we import stuff
module.js - Module from where we will export stuff

모듈 내보내기

선언 전 명명된 내보내기

// Inside module.js

export let person="John";
export function add(num1,num2){
    return num1+num2;
}

스크립트 끝에 명명된 내보내기

// Inside module.js

let person="John";
function add(num1,num2){
    return num1+num2;
}

export {person, add};

별칭이 있는 명명된 내보내기

// Inside module.js

let person="John";
function add(num1,num2){
    return num1+num2;
}

export {person as person1, add as add1};

선언 전 기본 내보내기

// Inside module.js

export default function add(num1,num2){
    return num1+num2;
}

스크립트 끝에서 기본 내보내기

// Inside module.js

function add(num1,num2){
    return num1+num2;
}

export default add;

모듈 가져오기

명명된 가져오기

// Inside app.js

import { person, add } from './module.js';

console.log(person); // John
console.log(add(2, 3)); // 5

별칭이 있는 명명된 가져오기

// Inside app.js

import { person as person1, add as add1} from './module.js';

console.log(person1); // John
console.log(add1(2, 3)); // 5

기본 가져오기

// Inside app.js

import add from "./module.js";

console.log(add(2, 3)); // 5

개체로 가져오기

// Inside app.js

import * as fun from "./module.js"

console.log(fun.person) // John
console.log(fun.add(2,3)) // 5

모듈 작업 시 따라야 할 규칙

결론