PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Javascript】 関数

関数は一連の処理をひとまとめにして、名前をつけたものです。


書き方

関数のつけ方

function 関数名(引数を入れる変数){処理;}

関数の呼び出し方

関数名(引数を入れる変数);
  • 引数を書く場合は括弧の中に。また書かなくても使えます。
  • 関数の呼び出しは基本的にどこででもできます。
  • 関数が呼び出された場合、関数内の処理が最優先されます。

実行例

function sayHello(name) {
console.log(name + 'さん、こんにちは');
}
sayHello('よしお');


結果

f:id:game-web-design:20140925181022p:plain



戻り値

戻り値とは、関数の処理の結果です。処理の結果として値が戻されるので、変数を用意しておきます。


実行例

function calc() {
var num = 0;
for(var i=1; i<=10; i++) {
num += i;
}
return num;//戻り値
}
var result = calc();//戻り値の変数
console.log(result);

結果

f:id:game-web-design:20140925182027p:plain
関数calcで処理された結果が関数calcに戻ってきているので、1~10をすべて計算した数字が答えになります。