DHTML -2-

No.03　Javascript の記述方法
03　サブルーチンの概念

← ↑ →

　前ページでも触れましたが、効率の良いプログラムを扱うためには、　「 function 」オブジェクトによるコンポーネント化されたプログラムのブロックを作って行くことが必須になります。

Javascript概念図
　「 function 」オブジェクトで呼び出しを行うことによって、複雑な動きを行う必要がある作業であっても、呼び出しを行う際にはファンクション名（と変数）のみで動作を行うことが可能になります。　また、呼び出しを行う部分がＨＴＭＬ上でいくつも存在していた場合であっても、ファンクションの共有化を行うこと可能で、ソース自体も非常にすっきりとしたものになります。

　また、「 function 」オブジェクトには、ある値を与えてやってその値を基に計算を行うといった条件を付加することも可能です。

Javascript概念図
　計算ルーチンを共有化し、その値のみを変化させる必要がある場合等は、「 function (変数) 」として指定を行うことで、様々な条件に合ったスクリプトを作成することが可能になります。
　それでは、記述について少し詳しく説明していくことにしましょう。


  function addit ( a , b ){
    return a + b;
  }

  document.write ("合計結果 = " + addit(1,2))

合計結果 = 3

　上記は、最も簡単な function による命令の例です。
　「 addit 」ファンクションは、引数として与えられた「 a 」と「 b 」を足し合わせます。
　作成された結果は、　return a + b; とすることで、送信元に値の結果を返します。
　この場合、合計結果は「３」ですので、数値が addit(1,2) へ代入され、結果として出力されています。


  function addit ( a , b ){
    return a + b;
  }

  document.write ("合計結果 = " + addit("文字１と","文字２"))

合計結果 = 文字１と文字２

　同じアルゴリズムを用いて、数字計算は無論のこと、文字列を足し合わせることも可能になります。
　文字列は、受け渡しをするときに「 " ～ " 」で囲むことで、自動的に認識されます。

　ごく簡単なファンクションに関しては、 new Function 命令を用いて代用することも出来ます。


  var addit = new Function("a", "b", "return(a + b)");

  document.write ("合計結果 = " + addit("文字１と","文字２"))

合計結果 = 文字１と文字２

　出力結果は、最初のファンクションと同様、a と b を代入して結果を返すものですが、行数を減らすことで簡易的な動作を行うことも可能になります。　最も、これほど簡単に済まされる場合はあまり無いのですけれども。

ページの最上段へ移動します