［Javascript］関数

＝＝　関数の定義　＝＝＝＝＝＝＝＝＝＝

　ｆｕｎｃｔｉｏｎ　関数名（）｛
　　　処理；
　｝

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

＝＝　関数の呼び出し　＝＝＝＝＝＝＝＝

　　関数名（）；

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

• 関数はfunction文を使って定義する
• 定義した関数を実行するときは関数名を記述する
• 定義、呼び出し　ともに関数名の後ろに（）をつける

【例題１】

function sayHello( ) {　　// sayHello関数を定義
  console.log ( 'こんにちは' ) ;   　　
}
sayHello () ;  //　関数の呼び出し

＊＊ ポイント＊＊
関数の呼び出しは関数の定義の前でも後でもOK
関数は呼び出すことによって実行される　＝呼び出しがなければ実行されない

＝＝　引数のある関数の定義　＝＝＝＝＝＝＝＝＝＝＝＝＝

　ｆｕｎｃｔｉｏｎ　関数名（引数を入れる変数名）｛
　　　処理；
　｝　

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

引数（ひきすう）とは？

• 関数に引き渡される数値や文字のこと
• 文字列の場合はシングルクォーテーションで囲む
• 複数指定できる　その場合カンマ（，）で区切る
• 「引数をいれる変数名」は、変数宣言宣をしなくてもＯＫ

＝＝　関数の呼び出し　＝＝＝＝＝＝＝＝

　　関数名（引数として渡す値）；

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【例題２】

 <script>
function sayHello ( name ) {
  alert ('こんにちは' + name + 'さん');
}
sayHello ( '由美子' );
</script>

 　　＜表示結果＞

＝＝　戻り値のある関数の公式＝＝＝＝＝＝＝＝＝＝＝

　　ｆｕｎｃｔｉｏｎ　関数名（）｛
　　　　処理；
　　　　ｒｅｔｕｒｎ　戻り値；
　　｝

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【例題３】

<script>
function calc( ) {　// calc( ) を呼び出し
  var num = 0;　// num＝0を宣言
  for ( var i = 1; i<= 10; i++ ) {　
　　　　　　　// iの初期値=1、iは10まで処理を繰り返す、iは１ずつ増加
  num += i;　　// num= num+i
  }
return num;     //  繰り返し終了後、関数calc()にnumの結果を返す
}
var result = calc( );　// calc( )の値をresultに代入
console.log ( result );　// resultの値をコンソールに表示
</script>

　　表示結果

処理の順番に並べ替えてみました
１）  var num = 0;　// num＝0を宣言
２）  for ( var i = 1; i<= 10; i++ ) {　
　　　num += i;
　　計算が終わるまで繰り返し、numの結果が「５５」と出る
３）return num;　によってcalc( )の内容に返される
４）var result = calc( );
５）console.log ( result );

【例題４】円の面積を求める

<script>
function calcCircle (radius) {    // 実行５　※calcCircleの引数「10」
  return radius * radius *3.14;  // 実行６　※radius*radius*3.14の結果をcalsCircle()に返す
}
function callFunc() {　　　　// 実行２
  var area = calcCircle( 10 );  // 　実行３　※半径10を「area」と定義
  return area;　　　　　　　// 実行４　※areaの値をcallFunc()に返す
}
console.log ( callFunc() );    　// 実行１　最終的な表示
</script>

＜表示結果＞