JavaScript에서 외부 *.js 화일 import하기

출처: http://hanjava.net/call-151/2006/07/23/javascript%EC%97%90%EC%84%9C-%EC%99%B8%EB%B6%80-js-%ED%99%94%EC%9D%BC-import%ED%95%98%EA%B8%B0/

JavaScript는 import 기능이 없다.

따라서 common.js가 다음과 같고

PLAIN TEXT

JAVASCRIPT:

1. function sum(x, y) {
2.     return x+y;
3. }

use.js가 아래와 같다면

PLAIN TEXT

JAVASCRIPT:

1. function useSum() {
2.     alert( sum(10, 20) );
3. }

HTML 화일에서는 src속성을 포함한 script tag를 두번 사용해야 한다. 그리고 실제로 useSum()을 실제로 호출해 사용하는 script tag가 하나 더 필요하다.

그런데 use.js는 원래 common.js에 depedency가 있는것이기 때문에 두번 import하기가 불편하다.
이럴땐 use.js에 다음 한줄을 추가한다.

PLAIN TEXT

JAVASCRIPT:

1. document.write("<script src='common.js'></script>");
2. function useSum() {
3.     alert( sum(10, 20) );
4. }