티스토리 뷰

JavaScript

export와 import 기본

praybe 2022. 4. 12. 09:30

export할 함수/객체/파일 등

파일이름: Validator.mjs

export function isNumber(number) {
  return !isNaN(parseInt(number));
}

export function isOperation(operation) {
  let operation = "+-*/=";
  return operations.indexOf(operation) !== -1;
}

//Calculator에서 사용할 수 있도록 export한다.
//외부로 내보내고자 하는 함수 혹은 객체에 export를 붙이면 외부에서 사용 가능
//export 여러 개 가능

 

import할 파일

파일이름: Calculator.mjs

import { isNumber, isOperation } from "./Validator.mjs";

isNumber(10); //기본적인 export

 

 

 

 

export default를 사용하면 한 번에 export할 수 있다.

function isNumber(number) {
  return !isNaN(parseInt(number));
}

function isOperation(operation) {
  let operation = "+-*/=";
  return operations.indexOf(operation) !== -1;
}


export default {
  isNumber,
  isOperation,
};

코드의 가독성이 더 좋음

//중괄호가 없으면 이름을 지어줘야 한다.
import validator from "./Validator.mjs";

validator.isNumber(10);
댓글