JavaScriptファイルの中からJavaScriptを呼び出す

Date:2007/01/24 21:21

JavaScriptファイルの中からJavaScriptを呼び出す、つまり、JavaScriptから別のjsファイルを呼び出したいということです。

例えば、Javaなら
import java.util.Vector;
またはjspならば、pageディレクティブで
<%@ page import="java.util.Vector" %>

のように外部ファイル（クラス）をインポートできます。
これと同じことをJavaScriptでも実現したい、と思ったわけです。

しかし、残念ながら、「JavaScript」から「JavaScript」のインポートする仕組みは、言語仕様上は存在しません。
そのため、別の方法を考える必要があります。

ただ、JavaScriptでも不可能ではありません。
JavaScriptファイル内に
document.write("<script type='text/javascript' src='hoge.js'><\/script>");
と書けば呼び出すことができます。

しかし、この方法では hoge.js で定義している関数・定数を使用することができません。

例えば、
//hoge.js
var example = "this is hoge";

//foo.js
document.write("<script type='text/javascript' src='hoge.js'><\/script>");
alert(example);

としたとき、alert で「this is hoge」は表示されません。

ただし、このように変更すると、alert で example の中身を表示できます。

//hoge.js
var example = "this is hoge";

//foo.js
alert(example);

//bar.js
document.write("<script type='text/javascript' src='hoge.js'><\/script>");
document.write("<script type='text/javascript' src='foo.js'><\/script>");

その他の方法としては「外部JavaScriptファイルの動的・静的ロードの方法」をどうぞ。
また、JavaScript2.0からは import に相当することが可能になっているようです。