グローバル関数地獄からの脱出

今自分の中で一番熱い話題はJavascriptのグローバル変数・関数をいかに減らすかです。

JavascriptにはNamespaceという概念はありませんが↓のようにするとNamespaceっぽくできます。

var jp = {};
jp.dip = {};
jp.dip.emery = {};
jp.dip.emery.doSomething = function() {
  //実行部分
}
:
:
<input type="button" value="hoge"
  onclick="jp.dip.emery.doSomething();" />
:

この方法、応用しだいでグローバル関数地獄の整理に役立ちます。

ただこのままだと関数名が長くてうっとうしいのでJavaで言うところのimport的な仕組みが必要かと思います。

ただいま試行錯誤中でまとまったらEmeryにも展開したいなと思っています。

参考書籍

• JavaScript 第5版