Ecma _ javascript - var_es6 (import , export)

김지영·2024년 1월 17일

Ecma

목록 보기
11/14

1. export

  • 사용법 1 ) export {변수명, 상수명, 함수명, ... 등등};

  • 사용법 2) export defalt 변수명; //1개만 내보내기 할때

  • 모듈화 : 다른 js에서 변수/함수를 가져다 사용하는 것 (코딩 효율화)

  • (모든 변수와 함수를 가져다 사용할 수는 없음)

  • export : 내보내기 (다른 js에서 사용하도록 허락)

// const : 상수 , let : 변수
// TODO: 상수
const odd = "홀수입니다.";
const even = "짝수입니다.";

// TODO: 함수(화살표)
const hello = () => console.log("안녕하세요");

// TODO: export : 내보내기(다른 js에서 사용하도록 허락)
// TODO: 사용법 : export {변수명, 상수명, 함수명 ...}


export {odd, even, hello};

2. 다른 js (import)

  • 사용법 1) : import { 변수명, 상수명, 함수명 ...등등} from "파일명.js";
  • 사용법 2) import 변수명 from "파일명.js; //1개만 내보내기 할때
  • import : 다른 js 에서 가져다가 사용하는 것
  • export : 다른 js 에서 가져다가 사용하는것을 허락하는 것
import {odd, even, hello} from "./01_var_es6.js";

let num = 3;
if ( num % 2 === 0) {
    console.log(even);
} else{
    console.log(odd);
}
profile
그냥 졍이라구하자

0개의 댓글