膳ブログ

JavaScriptには名前空間がないので、オブジェクトを代わりに使います。

Namespace.hoge = "ほげほげ";
Namespace.fuga = function() {};

こんな感じでオブジェクトのプロパティを追加していくことで、グローバルスコープを汚さずに済みます。
それだけではなく、JavaScriptだとグローバルスコープに宣言するよりも速いらしいです。

ただし、名前空間がcom.example.foo.barといったように長ったらしくなると、宣言が面倒になってくるのでクロージャを使って凌ぎます。

//グローバルシンボルだけは宣言しておく。（既に使用済みでもvarは問題なし） var com; //プロパティがなかったら追加する。 //すでにある場合はオブジェクトかどうか判断して例外発生させた方がいいらしい if (!com) com = {}; if (!com.example) com.example = {}; if (!com.example.foo) com.example.foo = {}; if (!com.example.foo.bar) com.example.foo.bar = {}; (function() { //匿名関数内に変数や関数を定義していく。 var hoge = "ほげほげ"; function fuga() { alert(piyo); }; var piyo = "ぴよぴよ"; //最後に名前空間に突っ込む var ns = com.example.foo.bar; ns.hoge = hoge; ns.fuga = fuga; //プライベートにしたいプロパティは代入しないで放置 //piyoはプライベートな変数になる })(); //匿名関数を即実行して完了

以上がオライリーのパクリ。

で、ここからが本題。

自分で書いたコードはこうやって気をつければ良いんですが、人様のライブラリだとそうはいきません。改変して使うのは気が引けるしライセンス違反だったりもします。
しかし、上記のサンプルの、
//匿名関数内に変数や関数を定義していく。
の部分だけAjaxで読み込んでクロージャ内に展開してしまえばなんとかなるかもしれない、と思って関数を作ってみました。

/** * スクリプトファイルを読み込んで用意された名前空間にぶちこむ * @param registerCode String 名前空間に代入する部分のコード * @param scriptUrl String スクリプトのURL * @param callback Function 代入後、呼び出される関数(引数無し) */ function AddNamespace(registerCode, scriptUrl, callback) { (function() { var myAjax = new Ajax.Request(scriptUrl, { method: "get", onComplete: function(xmlHttpRequest) { var str = "(function() {"; str += xmlHttpRequest.responseText str += registerCode str += "})();"; eval(str); callback(); } }); })(); }

使い方：
■読み込むファイル(hoge.js)
var hoge = "あいうえお"; function fuga() { return piyo; } var piyo = "ぴよぴよ";

■使う側のコード
//適当な名前空間 var namespace = {}; //代入用コード(piyoはいらないからプライベートにしておく) var registerCode = "namespace.hoge = hoge; namespace.fuga = fuga;"; //スクリプトファイル var scriptUrl = "hoge.js"; //代入終わった後呼び出される関数 function callback() { for (var i in namespace) { alert(i + " : " + namespace[i]); } } //レッツ読み込み AddNamespace(registerCode, scriptUrl, callback);

動作確認

代入用コードとやらがダサダサなのが致命的だなぁ。
そして、自分がライブラリ以外のコードにも名前空間使うように徹底すれば衝突しないじゃん！！
と今気付いたのは絶対秘密。泣いちゃうから。
いや、でも、ほら、読み込む外部ライブラリが複数あったりした場合とかさ……。