— y2sunlight 2021-04-05

以下による定義方法がある

• function文
• Functionコンストラクタ
• 関数リテラル
• アロー関数*2015

function 関数名(引数, …) {
    // 本体
    return 戻り値;
}

例

console.log(getArea(10, 20));    // 結果：200
function getArea(height, width) {
    return height * width;
}

var 変数名 = new Function(引数, …, 関数本体);

例

var func1 = new Function('height', 'width', 'return height * width');
var func2 = new Function('height, width', 'return height * width');
// どちらの形式でも良い
console.log(func1(10, 20));  // 結果：200
console.log(func2(10, 20));  // 結果：200

var 変数名 = function(引数, …) {
    // 関数本体
    return 戻り値;
};

例

var func = function(height, width) {
    return height * width;
};
console.log(func(10, 20));  // 結果：200

関数リテラルは、無名関数又は匿名関数とも呼ばれる

アロー関数^*2015

var 変数名 = (引数, …) => {
    // 関数本体
    return 戻り値;
};

例

var func = (height, width) => {
    return height * widht;
};
console.log(func(10, 20));

JavaScriptの関数は第１級オブジェクトである

• 変数へ格納できる
• 引数にできる
• 戻り値にできる
• コンストラクタできる
• 独自の存在をもつ（無名可能）

例

function func1(height, width){return height * width}
 
var func2 = new Function('height, width', 'return height * width');
var func3 = function(height, width){ return height * width };
var func4 = (height, width) => { return height * width };
 
function callFunc(height, width, func){
    console.log(func(height, width));
}
 
callFunc(1, 10, func1);  // 結果：10
callFunc(2, 10, func2);  // 結果：20
callFunc(3, 10, func3);  // 結果：30
callFunc(4, 10, func4);  // 結果：40