29
再入門JavaScript – 名前空間
Filed Under (Uncategorized) by on 29-10-2008
ネームスペース
ネームスペースとはwikipedia先生いわくこんな感じです。
名前の集合を分割することで衝突の可能性を低減しつつ参照を容易にする概念である。
Perlであれば
-
-
sub aaa{
-
-
}
-
sub bbb{
-
-
}
とすれば、aaa,bbbはシンボリックテーブルXXX::YYY::ZZZ::において
XXX::YYY::ZZZ::aaa,XXX::YYY::ZZZ::bbbとして記録されグローバルに参照することができます。
なので仮に
-
package AAA;
-
-
sub aaa{
-
-
}
-
sub bbb{
-
-
}
というモジュールをロードしても、名前は衝突することがありません。
JavaScriptの場合、シンボリックテーブルのようにstrictプラグマで保護されているようなグローバルハッシュは存在しないので
window以下のグローバルオブジェクトを使い名前空間を構築するほかありません。
-
(function(){
-
window.XXX = XXX || {};
-
window.XXX.YYY = XXX.YYY || {};
-
window.XXX.YYY.ZZZ = XXX.YYY.ZZZ || {};
-
window.XXX.YYY.ZZZ.aaa = function(){};
-
window.XXX.YYY.ZZZ.bbb = function(){};
-
})();
しかし、このように記述していては冗長すぎるので、
-
var XXX = XXX || {};
-
XXX.YYY = XXX.YYY || {};
-
XXX.YYY.ZZZ = XXX.YYY.ZZZ || {};
-
-
(function(){
-
this.aaa = function(){};
-
this.bbb = function(){};
-
}).apply(XXX.YYY.ZZZ);
のように書くことで、クロージャ内のスコープにおいて、thisがXXX.YYY.ZZZとなり、冗長な記述を避けることができます。
また、Prototype.jsのObject.extendを利用すれば
-
(function(){
-
Object.extend(this,{
-
aaa:export_aaa,
-
bbb:export_bbb
-
})
-
function export_aaa(){};
-
function export_bbb(){};
-
-
}).apply(XXX.YYY.ZZZ);
明示的にレキシカルスコープ中のどのメソッドを名前空間オブジェクトにバインドするかを記述することができます。
一方、
-
var XXX = XXX || {};
-
XXX.YYY = XXX.YYY || {};
-
XXX.YYY.ZZZ = XXX.YYY.ZZZ || {};
この部分の記述の冗長さは付きまとってしまうので、
これら名前空間に関する処理をひとつにまとめるメソッドをJS.Namespace
-
var ns =JS.Namespace.createNamespace('XXX.YYY.ZZZ');
-
ns.aaa=function(){};
-
ns.bbb=function(){};
-
-
or
-
-
JS.Namespace.createNamespace('XXX.YYY.ZZZ',function(){
-
Object.extend(this,{
-
aaa:export_aaa,
-
bbb:export_bbb
-
})
-
function export_aaa(){};
-
function export_bbb(){};
-
});
のように記述することができます。
createNamespaceは新しいネームスペースを定義することを明示している関数です。
なので、すでにそのネームスペース/オブジェクトが存在している場合エラーを出力します。
これはファイル名とパッケージの結びつきの小さいjsにおいて、
* 名前空間を定義する場面
* その空間に関数/クラスを追加する場面
* その名前空間上の関数を利用する場面
というのをある程度明示しておくことで、開発上の混乱を避けるためです。
では次に名前空間に定義された関数を利用する場面での記述を考えて見ましょう。
[...] 再入門javascript - 名前空間 [...]