グローバル変数とは、関数の外部で定義した変数、もしくは、関数の内部でvarを使わずに定義した変数。関数の内部でも外部でも、プログラム全体で呼び出せる。
グローバル変数を定義
関数の外部で定義（１）
<script type="text/javascript">
sampleVar = 'グローバル変数'; // グローバル変数を定義
</script>
sampleVar = 'グローバル変数'; // グローバル変数を定義
</script>
関数の外部で定義（２）
<script type="text/javascript">
var sampleVar = 'グローバル変数'; // グローバル変数を定義
</script>
var sampleVar = 'グローバル変数'; // グローバル変数を定義
</script>
関数の内部で定義
関数の内部で、varを使わずに変数を定義すると、グローバル変数となる。
<script type="text/javascript">
function sampleFunc() {
sampleVar = 'グローバル変数'; // グローバル変数を定義
}
</script>
function sampleFunc() {
sampleVar = 'グローバル変数'; // グローバル変数を定義
}
</script>
サンプル
関数の内部で定義
ソースコード
グローバル変数は、関数外部からでも、関数内部からでも呼び出せる点に注目。
<script type="text/javascript">
var globalVarA = 'グローバル変数Ａ'; // グローバル変数を定義
function sampleFunction() {
globalVarB = 'グローバル変数Ｂ'; // グローバル変数を定義
document . write( "<p>【関数内部から呼び出し】</p>" );
document . write( "<p>関数外部で定義したグローバル変数: " );
document . write( globalVarA );
document . write( "</p>" );
document . write( "<p>関数内部で定義したグローバル変数: " );
document . write( globalVarB );
document . write( "</p>" );
}
sampleFunction();
document . write( "<p>【関数外部から呼び出し】</p>" );
document . write( "<p>関数外部で定義したグローバル変数: " );
document . write( globalVarA );
document . write( "</p>" );
document . write( "<p>関数内部で定義したグローバル変数: " );
document . write( globalVarB );
document . write( "</p>" );
</script>
var globalVarA = 'グローバル変数Ａ'; // グローバル変数を定義
function sampleFunction() {
globalVarB = 'グローバル変数Ｂ'; // グローバル変数を定義
document . write( "<p>【関数内部から呼び出し】</p>" );
document . write( "<p>関数外部で定義したグローバル変数: " );
document . write( globalVarA );
document . write( "</p>" );
document . write( "<p>関数内部で定義したグローバル変数: " );
document . write( globalVarB );
document . write( "</p>" );
}
sampleFunction();
document . write( "<p>【関数外部から呼び出し】</p>" );
document . write( "<p>関数外部で定義したグローバル変数: " );
document . write( globalVarA );
document . write( "</p>" );
document . write( "<p>関数内部で定義したグローバル変数: " );
document . write( globalVarB );
document . write( "</p>" );
</script>