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

javascript
JavaScript는 import 기능이 없다.

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

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

use.js가 아래와 같다면

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에 다음 한줄을 추가한다.

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

5 리플 to “JavaScript에서 외부 *.js 화일 import하기”

  1. 옷장수 Says:

    script태그가 브라우저마다 사용가능 여부가 다른 것으로 알고있는데요… 흠..

  2. 유겸애비 Says:

    Re:옷장수// script tag가 지원안되는 브라우져라면 import를 할 이유도 없으니까 상관없을텐데요.

  3. 타오 Says:

    많이들 사용하는 방법으로 브라우저 문제는 특별히 없는걸로…

    dojo의 script-io나 Google Ajax API에서 cross-domain문제를 해결하기 위해서 이미 쓰이고 있다는 -0-

  4. 타오 Says:

    같은 domain이라면 dojo의 require와 비슷한 방법으로 XMLHttpRequest로 해당 스크립트를 얻어온후 eval을 하는방법도 가능합니다.

    * 그런데 원래 댓글은 수정이 안되는건가욤^^?

  5. 유겸애비 Says:

    Re:타오// 왜 갑자기 이런 슈뤠기 같은 글을 보시고 그래요!!

댓글달기