ローカル変数とは、関数の仮引数に指定した変数、もしくは、関数の内部でvarを使い定義した変数。変数を定義した関数の内部でのみ呼び出せる。
ローカル変数を定義
関数の内部で定義
関数の内部で、varを使って変数を定義すると、ローカル変数となる。
<script type="text/javascript">
function sampleFunc() {
var sampleVar = 'ローカル変数'; // ローカル変数を定義
}
</script>
function sampleFunc() {
var sampleVar = 'ローカル変数'; // ローカル変数を定義
}
</script>
関数の仮引数
<script type="text/javascript">
function sampleFunc( sampleVarA, sampleVarB ) {
// ローカル変数「sampleVarA」の値は、「サンプルＡ」となる。
// ローカル変数「sampleVarB」の値は、「サンプルＢ」となる。
}
sampleFunc( "サンプルＡ", "サンプルＢ" );
</script>
function sampleFunc( sampleVarA, sampleVarB ) {
// ローカル変数「sampleVarA」の値は、「サンプルＡ」となる。
// ローカル変数「sampleVarB」の値は、「サンプルＢ」となる。
}
sampleFunc( "サンプルＡ", "サンプルＢ" );
</script>
サンプル
関数の内部で定義
ソースコード
変数名が同じでも、関数内部での呼び出し時と、関数外部での呼び出し時で、値が異なる点に注目。
<script type="text/javascript">
var sampleVar = 'グローバル変数'; // グローバル変数を定義
function sampleFunc() {
var sampleVar = 'ローカル変数'; // ローカル変数を定義
document . write( "<p>関数内部から呼び出し: " + sampleVar + "</p>" );
}
sampleFunc();
document . write( "<p>関数外部から呼び出し: " + sampleVar + "</p>" );
</script>
var sampleVar = 'グローバル変数'; // グローバル変数を定義
function sampleFunc() {
var sampleVar = 'ローカル変数'; // ローカル変数を定義
document . write( "<p>関数内部から呼び出し: " + sampleVar + "</p>" );
}
sampleFunc();
document . write( "<p>関数外部から呼び出し: " + sampleVar + "</p>" );
</script>
関数の仮引数
ソースコード
変数名が同じでも、関数内部での呼び出し時と、関数外部での呼び出し時で、値が異なる点に注目。
<script type="text/javascript">
var sampleVar = "グローバル変数";
function sampleFunc( sampleVar ) {
document . write( "<p>関数内部から呼び出し: " + sampleVar + "</p>" );
}
sampleFunc( "仮引数" );
document . write( "<p>関数外部から呼び出し: " + sampleVar + "</p>" );
</script>
var sampleVar = "グローバル変数";
function sampleFunc( sampleVar ) {
document . write( "<p>関数内部から呼び出し: " + sampleVar + "</p>" );
}
sampleFunc( "仮引数" );
document . write( "<p>関数外部から呼び出し: " + sampleVar + "</p>" );
</script>