JavaScriptでグローバル変数の定義を最小限にする
グローバル変数にvar cnf = {}と定義したあと、
それをアプリケーションのコンテナとして利用することで、
グローバル変数がぶつかる危険性を最小限にする。
下記はブラウザに「Hello World」と出力するスクリプト。
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello world</title> <script> window.onload = function() { /** *メンテナンス性を良くするため *グローバル変数は1つだけ定義する。 */ var cnf = {}; //newで生成しても良い。 cnf.elem = { para : document.createElement("p"), testDiv : document.getElementById("test"), text : document.createTextNode("Hello World") }; cnf.elem.testDiv.appendChild(cnf.elem.para); cnf.elem.para.appendChild(cnf.elem.text); } </script> </head> <body> <div id="test"></div> </body> </html>
やっとユーザ定義オブジェクトについて分かってきた(かもしれない)。
参考:JavaScript The GoodParts