함수 내보내기 export (+ 가져오기 import)

 

 함수 내보내기 - export 

 

 Default export : 함수이름 없이 내보내기 

함수이름 없이 내보내진 함수를 다른 파일에서 사용할 때 원하는 이름으로 호출해 사용할 수 있습니다. 단, 하나의 파일에서 하나의 함수만 default로 내보낼 수 있습니다.

예시)

// getFunc.js

// 함수 내보내기
export default function(){
  return 'noNameFunction'
}

// 함수 가져오기
import noNameFunc from './getFunc'

console.log(noNameFunc()) // noNameFunction

 

=> getFunc.js 의 이름없는 함수를 noNameFunc라는 원하는 이름으로 호출해 사용할 수 있습니다.

 Named export : 함수이름 있는 내보내기 

예시)

// getFunc.js

// 함수 내보내기
export function namedFunc(){
  return 'NamedFunction'
}

// 함수 가져오기
import { namedFunc } from './getFunc'

console.log(namedFunc()) // NamedFunction

=> getFunc.js 의 NamedFunc라는 이름이 지정된 함수 내보내고 가져오기

 

 

 함수 가져오기 - import 

예시)

// 함수 가져오기
import noNameFunc from './getFunc'

console.log(noNameFunc()) // noNameFunction

// 함수 가져오기
import { namedFunc } from './getFunc'

console.log(namedFunc()) // NamedFunction