(cache) JavaScriptで，グローバル変数の存在判定をする３つの方法　（"window"の定義状況を確認したい）

JavaScriptで，グローバル変数が存在するかどうか判定するための３つの方法。

３つのうち１つはよく使う。

残りの２つは，特殊な状況（WSHとの使い分けなど）で役立つ。

（１）「in window」を使う

常套手段。

特定のオブジェクトが特定のプロパティを持っているかどうかを判定するためには，inを使う。

下記は，

一つ目のボタンでグローバル変数をセットし
二つ目のボタンでその存在判定を行なう

というコード。


<input type="button" value="グローバル変数をセット" onClick="f()">

<input type="button" value="グローバル変数の定義状況を判定" onClick="g()">

<script language="JavaScript">

function f()
{
	// グローバルで変数を定義する
	a = "hoge";
}


function g()
{

	if( "a" in window )
	{
		alert( "aは定義されています。" );
		alert( a );
	}
	else
	{
		alert( "aは未定義です。" );
	}
}

</script>

「変数名は連想配列のキーである」というのを忘れずに，in文を使う時には a を""でくくる。

なお，inを使わずに


if( a == undefined )

とか


if( ! a )

としただけでは，「aは宣言されていません。」のエラーが出る。

また inを使うにしても，もっと高度なバージョンも存在する。

windowではなくapplyで「グローバルオブジェクトそのもの」を生成するのだ。


// グローバルを表すオブジェクトを生成
var global = ( function() { return this; } ).apply( null, [] );

if ( "a" in global )

参考：

JavaScript大域変数の存在確認

http://d.hatena.ne.jp/m-hiyama/20071126/1196037633

.apply(null) の本来の使い道：関数の可変長引数として配列を渡す

https://developer.mozilla.org/ja/A_re-introduction_to_JavaScript#.e9.96.a2.e6.95.b0

ところで，上記のコードは基本的には「"変数名" in window」という構文なわけだが，

"window" 自体の存在を判定したい場合はどうしたらよいのだろうか？

つまり，JavaScriptが

ブラウザのようなGUI環境で実行されているのか？

それとも，WSHのようなCUI環境で実行されているのか？

というのを判定したい場合，どうしたらよいか。

とりあえず以下の２つの方法がある。

（２）typeof演算子を使う

typeofは，パラメータの型を返す演算子。影は薄いがとても便利。

これを使うと（１）のコードは下記のようにも書ける。


<input type="button" value="グローバル変数をセット" onClick="f()">

<input type="button" value="グローバル変数の定義状況を判定" onClick="g()">

<script language="JavaScript">

function f()
{
	// グローバルで変数を定義する
	a = "hoge";
}


function g()
{

	if( typeof a != "undefined" )
	{
		alert( "aは定義されています。" );
		alert( a );
	}
	else
	{
		alert( "aは未定義です。" );
	}
}

</script>

typeofの参考：

JavaScriptで関数が存在するかどうかを確認する：typeofがfunctionかどうかで判定する

http://d.hatena.ne.jp/replication/20090121/1232465118

なお，「変数が存在して値がundefined」という場合にも「未定義」とみなされてしまうが，そこは許容する。

（３）try/catchする

３つ目の方法は，未定義エラーをキャッチするというもの。



<input type="button" value="グローバル変数をセット" onClick="f()">

<input type="button" value="グローバル変数の定義状況を判定" onClick="g()">

<script language="JavaScript">

function f()
{
	// グローバルで変数を定義する
	a = "hoge";
}


function g()
{

	try{
		a; // 未定義の場合，ここでわざとエラーを発生させる

		alert( "aは定義されています。" );
		alert( a );
	}
	catch( err ) // 未定義の場合
	{
		if( /*@cc_on ! @*/ false )
		{
			// IE用
			alert( err.number ); // エラー番号（-2146823279）
			alert( err.description ); // エラー内容
		}
		else
		{
			// FF用
			alert( err ); // エラー内容
		}
	}
}

</script>

これもクロスブラウザで動く。

活用

上の３パターンで使いやすいのは，（２）のtypeofだろう。

これを使って，「CUI/GUI両用のアラート関数」を書いてみる。


function myAlert( str )
{
	if( typeof( window ) == "undefined" )
	{
		// jsファイルをコマンドラインで実行時
		WScript.Echo( str );
	}
	else
	{
		// ブラウザで実行時
		alert( str );
	}
}