CommonJs,AMD(Asynchronuous Module Definision)

정의

• 모듈 라이브러리를 만들어서 서로 간의 간섭을 없앤다.

문제점

• script 파일을 불러올때 결과값이 아닌 코드를 전부 가져와 실행하게 되는데 만약 변수 이름이 다른 script 파일과 겹친다면 마지막으로 불러오는 파일에 변수값으로 덮어 씌워지게 된다. 오류가 나지 않아 나중에 큰 문제가 생길 수 있다.

ex18_2.js

ex18.js

결과값은 ex18_2의 값인 100이 나오게된다. 

사용법

• 내보내는 쪽에서 export를 줘서 내보낼만한 모듈을 선택한다. 

방법1:내보낼 method 또는 변수에 export를 붙인다.

방법2:한번에 표현할 수도 있다.

 

• 받아오는 쪽에서 import를 통해 가지고와 표현한다.

type="module ,import {가지고 오는 것들의 이름} from"경로"

• 만약 import 하지 않은 것을 가지고 오는 경우 에러가 난다.

add는 export 하지 않음

add를 export하지 않아 에러표시

• 모듈로 사용하는 js파일의 확장자명을 mjs로 사용하기도 한다.