JS 데이터 - 가져오기, 내보내기

외부에 있는 js 파일을 내보내기: export

기본 통로로 내보내는 예제

// 외부에서도 사용가능하도록 설정 export default 
// 이름을 없애도 되고 import에서 사용자가 원하는 이름으로 불러올수 있다.
export default function getType(data) {
    return Object.prototype.toString.call(data).slice(8, -1)
}

module 통로로 내보내는 예제(하나의 js 파일에서 여러개의 함수를 내보낼수 있다.)

export function random () {
    // 랜덤값을 얻어온 다음에 소수점 밑에 자리를 버린다
    return Math.floor(Math.random() *10)
}

export const user = {
    name: 'happy',
    age: 90
}

 

외부에 있는 파일 가져오기: import

예제

default로 내보낸 함수를 받는 방법

import _ from 'lodash'  // From 'node_modules' !
import getType from './getType' // getType.js
import getRandom from './getRandom' // getRandom.js

모듈로 내보낸 함수를 받는 방법(여러개 가능): 중괄호 { } 사용

import {random, user as happy} from './getRandom'

as 키워드로 이름을 바꿔서 사용 가능

 

모든 export 파일을 가져오는 방법(default를 혼용해서 모두 가져올 수 있다.)

import * as R from './getRandom'

확인

console.log(R)
console.log(R.random())