[ Javascript ] 가져오기 / 내보내기

모듈 가져오기 / 내보내기

가져오는 코드 없이 내보내는 코드로만 이루어진 파일을 모듈 이라고 한다.

 

1. 내보내기

파일 내에서 특정한 명령어를 내보낼 수 있다. 

 

• default export =  이름을 지정하지 않고 내보내기
• Named export = 이름을 지정하여 내보내기  

 

1-1 . default export

기본적으로 하나의 함수만 내보낼 수 있다.

📑 getType.js

export default function (data){
	return Object.prototype.toString.call(data).slice(8,2);
}

 

 

1-2 .  Named export 

개수의 지정 없이 여러 개를 내보낼 수 잇다. 

이름을 지정해야하는 함수와 기본 내보내기 함수를 함께 사용 가능하다. 

 

📑 getRandom.js

export function random(){
	return Math.floor(Math.random() * 10)
}


export const user = {
	name : 'HEROPY',
    age : 85
}

export default 123

 

 

2. 가져오기

• import 키워드로 가져올 수 있다.
• as 키워드를 사용하여 명칭을 변경할 수 있다. 
• * 를 사용해서 파일의 함수를 모두 가져올 수 있다. 

 

import _ from 'lodash'

// 1. 이름이 지정되지 않은 함수
import getType from './getType' 

// 2. 이름이 지정된 함수
// 2-1. 기본 불러오기 파일안에 필요한 함수를 ','로 여러개 가져올 수 있다. 
import {random ,user } from './getReandom' 
// 2-2. as 를 통해 이름을 변경해서 사용 가능하다.
import {random ,user as heropy } from './getReandom'
// 2-3. *로  random, user 한번에 가져올 수 있다.
import * as R from './getReandom'