import, export

홍인열·2021년 8월 7일

export javascript file

ex

// export default를 사용하고 파일내에 하나의 함수만 있을때 이름 지정 익명함수 사용가능.
export default function (x) {
  return x * 100;
}

// 익명함수를 사용하며 그결과단순한 값을 반환할때 화살표 함수로 변경 가능.
export default x => x * 100;

ex2

// export 파일에 여러개의 함수또는 객체가 있을때 기명으로 작성.
export function exam1(x) {
  return x < 5;  
}

export function exam2(x) {
  return `${x} ea`;  
}

export const animal = {
  name: 'whale',
  size: 'big',
  live: 'sea'
}

test1

export const apple = [88, 3]

export function test2(x, y) {
  return x * y ;
}

export function test1() {
  console.log('practice')
} 

import


import hundred from './ex'
// export default 파일의 경우 함수나 객체를 가저올때 이름을 임의로 지정해서 사용가능.
import { exam1, exam2, animal } from './ex2';
// 여러개의 함수나 객체를 가저올때 {} 사이에 이름을 지정해줌.
import * as R from './test1'
// 모든 함수나 객체를 가저올때 *를 사용하고 as 뒤에 임이의 이름을 지정할 수있음.

console.log(hundred(9));
// => 900

console.log(exam1(9));
// => false
console.log(exam2(8));
// => 8 ea
console.log(animal['live']);
// => sea

R.test1();
// => practice
console.log(R.test2(3, 3));
// => 9
console.log(R.apple[0]);
// => 88
profile
함께 일하고싶은 개발자

0개의 댓글