JavaScript 에서 import 용법 요약

import 는 한 모듈 에서 내 보 내 는 함수 나 대상, 초기 값 을 다른 모듈 로 가 져 오 는 문법 입 니 다.
아래 와 같다

import {    } from "          "

import 를 어떻게 사용 합 니까?
이 모듈 은 default 모듈 과 named 모듈 이 있 습 니 다.
우선 default export 모듈 과 named export 모듈 을 불 러 옵 니 다.

import {ModuleA, ModuleB} from "modules"; 

import Default from 'modules2';

첫 번 째 줄 에서, 우 리 는 modules 라 는 파일 에서 모듈 A 와 모듈 B 라 는 두 개의 named 모듈 을 가 져 옵 니 다.
두 번 째 줄 에서 modules 2 라 는 파일 에서 default 모듈 을 가 져 옵 니 다.
실행 모듈 export
함수, 대상, 원본 값 을 모듈 로 내 보 내 려 면 export 를 사용 해 야 합 니 다.
구체 적 인 예 시 를 살 펴 보 겠 습 니 다.
기본 모듈 로 내 보 내기

// alert.js

export default function () {

  alert("default module called!");

};

이름 내 보 내기

// utils.js

export function sum(x, y, z) {

  return x+y+z;

}

 

export function multiply(x, y) {

  return x*y;

}

sum 과 multiply 라 는 모듈 을 내 보 낼 수 있 습 니 다.
하향 조정 을 통 해 이 함 수 를 사용 할 수 있다.

import { sum, multiply } from 'utils'; 

console.log(sum(1, 2, 3));

console.log(multiply(5, 8));

실행 결 과 는 다음 과 같다.

->6

->40