名前空間

名前空間は、JavaScriptで一般的に使われる次のようなパターンと同じことを実現できる構文です。
(function(something) {
​
    something.foo = 123;
​
})(something || (something = {}))
基本的に、something || (something = {})は、無名関数function(something) {}が何かを既存オブジェクト(something ||部分)に追加するか、新しいオブジェクト( || (something = {})の部分)を作って何かを追加することを可能にします。これが意味することは、このように何らかの分岐で分割された2つのブロックを持つことができるということです。
(function(something) {
​
    something.foo = 123;
​
})(something || (something = {}))
​
console.log(something); // {foo:123}
​
(function(something) {
​
    something.bar = 456;
​
})(something || (something = {}))
​
console.log(something); // {foo:123, bar:456}
このパターンは、グローバルな名前空間を汚染しないようにJavaScriptでよく使われるパターンです。ファイルモジュールの場合、グローバルの名前空間の汚染を心配する必要はありません。しかし、それでも、一連の関数を論理的にグループ化することに役立ちます。TypeScriptは、namespaceキーワードを使って、次のようにコードをグループ化する手段を提供しています:
namespace Utility {
    export function log(msg) {
        console.log(msg);
    }
    export function error(msg) {
        console.error(msg);
    }
}
​
// 使い方
Utility.log('Call me');
Utility.error('maybe!');
namespaceキーワードは、先ほど見たのと同じJavaScriptを生成します：
(function (Utility) {
​
// ユーティリティとして使う何らかのコード
​
})(Utility || (Utility = {}));
一点、注意していただきたいことは、名前空間を入れ子にすることができるということです。なので、Utilityの下にMessaging名前空間を追加するために、namespace Utility.Messagingのようなことができます。
大抵のプロジェクトでは、namespaceではなく、ファイルモジュールを使うことを推奨します。namespaceは単に試したり、古いJavaScriptコードを移植するために使うことを推奨します。
最終更新 8mo ago