import

박현석·2022년 9월 3일

1

Javascript ES6+

목록 보기

70/88

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="module" src="counter.js"></script>
    <script type="module" src="main.js"></script>
  </head>
  <body></body>
</html>

main.js

// import { increase as increase1 } from './counter.js';
// import { increase, getCount } from './counter.js';
import * as counter from './counter.js';
counter.increase();
counter.increase();
counter.increase();
console.log(counter.getCount());

counter.js

let count = 0;
export function increase() {
  count++;
  console.log(count);
}
export function getCount() {
  return count;
}

export default는 딱 하나만 가지고 올 때 사용한다.
export는 받아올때 동일한 이름으로 받아와야하고 이름을 변경 하고 싶다면 as로 사용하면 된다.

선한 영향력을 주는 사람

이전 포스트

error-bubbling

다음 포스트

Promise

0개의 댓글