東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】関数の設定

関数とは

ある特定の処理をするために作られた、比較的小規模なプログラムのこと。関数は定義しただけではなにも働きをせず、定義された関数の機能が必要になったときに呼び出して使う。


関数定義と呼び出し

function nameFunction(){
  //関数が呼び出されると、{}内に書かれた処理を実行する。
  alert('nameFunction()が呼び出されました');
}

$('#name').on('click', function(){
  //名前が付いた関数の呼び出し
  nameFunction();

});

関数の呼び出しはほかにも以下の書き方でも呼び出せる。

   $('#name').on('click', nameFunction);

結果を返す

関数は{}内で処理した結果を、呼び出し元に「返す」ことができる。結果を返すにはreturn命令を使う。呼び出し元の「関数名()」は、帰ってきた結果に置き換わるような形になる。

//値を返す関数
function returnFunction(){
  return 15 + 8;
}

$('#return').on('click', function(){
  //変数answerに、returnFunction()の処理結果が代入される
  var answer = returnFunction();
  $('#answer').text(answer);
});

パラメータを「渡す」

関数を呼び出すときに、呼び出し元からなんらかのデータを渡すこともできる。渡すデータのことを「パラメータ」(引数)という。呼び出し元からパラメータを受け取るには、関数を定義するときに、渡されるデータの個数分、パラメータ(仮引数)を記述する。仮引数は変数のようなもので、呼び出し元から渡されたデータは、仮引数に代入される。変数名と同じで仮引数の名前は自由に決められる。

// パラメータ付き関数
function parameterFunction(name){  // nameがパラメータ
  alert(name + 'さん、こんにちは');
}
$('#parameter').on('click', function(){
  var value = $('#textfield').val();
  parameterFunction(value);
});

関数を定義する場所

スクリプトは基本的に1行目がら順に実行されるが、関数の定義は呼び出す前に書かれている必要はなし。呼び出したところよりも後ろにかかれていても実行される。


//関数は呼び出しより前で定義しても、後ろで定義してもよい
$('#callme').on('click', function(){
  callMe();
});

function callMe(){
  alert('callMeが呼び出されました。');
}


【参考URL】
http://www.ore-memo.com/1140.html