関数を柔軟に用いるための引数について解説

HOME
HOME > JavaScript入門 > 引数

引数の使い方

このページでは引数(ひきすう)について解説してみます。 引数は関数を柔軟に活用するために用いることができます。 では実際どのように引数を使うのか、見てみることにしましょう。

引数のサンプルスクリプト

まずはヘッダーに下記の関数を、body内には点線より下の部分を記入して下さい。

<script type="text/javascript">
<!--
function jijyo(a){

 return a*a;

}
// -->
</script>

<script type="text/javascript"> <!-- document.write("3の2乗は"+jijyo(3)+"です。<br>"); document.write("5の2乗は"+jijyo(5)+"です。"); // --> </script>

サンプル(別窓)

ここで出てきたjijyo()という関数は、ある数字の2乗を計算する関数です。サンプルを見てみると、「3の2乗は9です。5の2乗は25です。」と表示されると思います。


引数とreturn

では詳しく見ていきましょう。 関数jijyo()のカッコ内に a という文字が入っています。 このaが引数です。引数は変数の一種です。 関数を呼び出す時には、このaにいろいろな値を代入します。

関数jijyo()の中身は1行です。 returnというのは、値を呼び出し元に返す命令文です。 返す値をreturnの後に指定しています。 この場合は2乗を求めるので、a*aという計算結果を呼び出し元に返しています。

body内では、2回文字の書き出しをしています。 1行目は3の2乗を求めています。 jijyo(3)と記入していますが、 引数aに3という数字を代入している訳です。 関数jijyo()を呼び出して3×3の結果をreturnで返してもらいます。 周りの文字列と連結されて表示されることになります。

2行目は5の2乗を求めています。jijyo(5)と記入しています。 引数aに5が代入された状態で関数jijyo()が呼び出され、計算結果を返してくれます。

このように引数を用いることによって、 関数を使い回しすることができます。


複数の引数を持つ関数

引数は複数持つ場合もあります。 例えば以下のように、面積を計算する関数では2つの引数を用いることができます。

function menseki(tate,yoko){

  return "面積は" + tate*yoko + "m<sup>2</sup>です。";

}

document.write( menseki(10,20) );

サンプル(別窓)

今回はtate,yokoという2つの引数を用いました。 複数の場合はコンマで区切ります。 またreturnで返す値は文字列も指定することができます。

さて、2回に分けて関数を説明してきました。 関数にも2種類あったことに気付かれたでしょうか? 関数はreturnがある場合と無い場合の2つに大別できます。

私の使っているDelphiというプログラムでは、returnがあるのを「関数」、 無いものを「手続き」と言って分けていますが、 JavaScriptではどちらも「関数」と呼んでいます。

returnの意味について最初はなかなか理解しにくいかも知れません。 私もDelphiを扱うまでreturnの意味が分かりませんでした。 まあ今は何となく分かるかな…と言うくらいで大丈夫だと思います。 将来は両方の種類の関数を使ったサンプルを掲載していきますので、 その時理解を深めていって下さい。



ページトップへ

前へ  INDEXへ  次へ