weblog

WEB全般の忘備録（HTML・CSS・JavaScript・PHPなど）

JavaScriptでグローバル変数の定義を最小限にする

JavaScript

グローバル変数にvar cnf = {}と定義したあと、
それをアプリケーションのコンテナとして利用することで、
グローバル変数がぶつかる危険性を最小限にする。

下記はブラウザに「Hello World」と出力するスクリプト。

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello world</title>

<script>
window.onload = function() {

/**
 *メンテナンス性を良くするため
 *グローバル変数は１つだけ定義する。
 */
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