bigmac-jp blog

web開発関連のメモ

JavaScript 名前空間

名前空間を設定することで、グローバル変数を減らして、名前の衝突を防ぐことができる。

// 名前空間を設定
var MYAPP = MYAPP || {};
var SUBAPP = SUBAPP || {};

MYAPP.getData  = () => {
    console.log("MYAPP_getData")
}

SUBAPP.getData  = () => {
    console.log("SUBAPP_getData")
}

// 名前空間で階層構造を設定
var HOGE = {
    OPTIONS:{
        getData : function(){
            console.log("--HOGE_OPTIONS_getData--")
        }
    },
    OTHERS:{
        getData : function(){
            console.log("--HOGE_OTHERS_getData--")
        }
    }
}

HOGE.OPTIONS.getData();
HOGE.OTHERS.getData();