今回はJavaScriptで関数を定義し、実際に呼び出して利用するための方法を解説していきます。
関数を定義する
関数宣言で定義
function 関数名(引数) {
処理1
処理2
}
処理1
処理2
}
関数式で定義
var 変数名 = function(引数) {
処理1
処理2
}
処理1
処理2
}
アロー関数式で定義
引数は存在しない場合:
var 変数名 = () => {
処理1
処理2
}
引数は一つの場合:
var 変数名 = 引数 => {
処理1
処理2
}
引数は複数の場合:
var 変数名 = (引数1,引数2) => {
処理1
処理2
}
var 変数名 = () => {
処理1
処理2
}
引数は一つの場合:
var 変数名 = 引数 => {
処理1
処理2
}
引数は複数の場合:
var 変数名 = (引数1,引数2) => {
処理1
処理2
}
関数を呼び出す
関数名(引数として渡す値)
使用例:
関数の宣言:
var func = (name) => {
console.log(‘function test ‘ + name);
}
関数の呼び出す
func(‘func1’);
使用例:
関数の宣言:
var func = (name) => {
console.log(‘function test ‘ + name);
}
関数の呼び出す
func(‘func1’);
無名関数
(function(引数) {
処理1
処理2
})(引数として渡す値);
処理1
処理2
})(引数として渡す値);
関数のパラメータについて
関数の引数 (argument) は、配列風オブジェクトで管理されます。
function myConcat(separator) {
var result = ''; // リストを初期化する
var i;
// 引数について繰り返し
for (i = 1; i < arguments.length; i++) {
result += arguments[i] + separator;
}
return result;
}
// "red, orange, blue, " を返す
myConcat(', ', 'red', 'orange', 'blue');