JavaScriptのFunctionオブジェクトの正体！

// これが「おにぎりを作る」レシピ（関数）
function makeOnigiri(ingredient) {
    return "美味しい" + ingredient + "おにぎり";
}

// レシピを使って実際に作ってみよう！
let myOnigiri = makeOnigiri("鮭");
console.log(myOnigiri); // "美味しい鮭おにぎり"

// 関数を作ってみよう
function sayHello(name) {
    return "こんにちは、" + name + "さん！";
}

// 関数もオブジェクトだから、プロパティを調べられる！
console.log(typeof sayHello); // "function"
console.log(sayHello.name);   // "sayHello" ← 関数の名前
console.log(sayHello.length); // 1 ← パラメータの数

// 関数にオリジナルのプロパティを追加！
sayHello.author = "OZくん";
sayHello.version = "1.0";

console.log(sayHello.author);  // "OZくん"
console.log(sayHello.version); // "1.0"

// 普通のオブジェクト
let normalObject = {
    name: "普通のオブジェクト"
};

// 関数オブジェクト
function specialObject() {
    return "私は呼び出せるオブジェクトです！";
}

// 普通のオブジェクトは呼び出せない
// normalObject(); // エラーになる！

// 関数オブジェクトは呼び出せる！
console.log(specialObject()); // "私は呼び出せるオブジェクトです！"

function introduce(greeting, punctuation) {
    return greeting + "、私は" + this.name + "です" + punctuation;
}

let person = { name: "OZくん" };

function introduce(greeting, punctuation) {
    return greeting + "、私は" + this.name + "です" + punctuation;
}

let person = { name: "OZくん" };

// call()を使って関数を実行
// call(誰のthisにするか, 第1引数, 第2引数, ...)
let message1 = introduce.call(person, "こんにちは", "！");
console.log(message1); // "こんにちは、私はOZくんです！"

// apply()を使って関数を実行（引数を配列で渡す）
// apply(誰のthisにするか, [引数1, 引数2, ...])
let message2 = introduce.apply(person, ["おはよう", "。"]);
console.log(message2); // "おはよう、私はOZくんです。"

let teacher = { name: "プロ太先生" };

// teacherをthisとして使う
let message3 = introduce.call(teacher, "こんばんは", "♪");
console.log(message3); // "こんばんは、私はプロ太先生です♪"

// call() → 引数をComma（カンマ）で分けて渡す
introduce.call(person, "こんにちは", "！");
//                    ↑カンマ    ↑カンマ

// apply() → 引数をArray（配列）で渡す  
introduce.apply(person, ["こんにちは", "！"]);
//                      ↑配列の中に全部入れる

function makeMessage(greeting, name, age, hobby, punctuation) {
    return greeting + "！私は" + name + "、" + age + "歳です。趣味は" + hobby + "です" + punctuation;
}

let studentInfo = ["こんにちは", "OZくん", 14, "プログラミング", "♪"];

// call()の場合：引数を一つずつカンマで分けて書く
let message1 = makeMessage.call(null, "こんにちは", "OZくん", 14, "プログラミング", "♪");

// apply()の場合：配列をそのまま渡せる！
let message2 = makeMessage.apply(null, studentInfo);

console.log(message1); 
console.log(message2); 
// どちらも同じ結果：「こんにちは！私はOZくん、14歳です。趣味はプログラミングです♪」

// 普通の関数の書き方
function add1(a, b) {
    return a + b;
}

// Functionコンストラクタを使った書き方
let add2 = new Function('a', 'b', 'return a + b');

// どちらも同じ動きをする！
console.log(add1(3, 4)); // 7
console.log(add2(3, 4)); // 7

// どちらもFunctionオブジェクト
console.log(typeof add1); // "function"
console.log(typeof add2); // "function"

// 1. 通常の関数宣言
function normalFunction() {
    return "普通の関数です";
}

// 2. 関数式（変数に関数を代入）
let functionExpression = function() {
    return "関数式です";
};

// 3. アロー関数（ES6から）
let arrowFunction = () => {
    return "アロー関数です";
};

// 4. 即座に実行される関数（IIFE）
let result = (function() {
    return "すぐに実行される関数です";
})();

console.log(normalFunction());      // "普通の関数です"
console.log(functionExpression());  // "関数式です"
console.log(arrowFunction());       // "アロー関数です"
console.log(result);               // "すぐに実行される関数です"

// 関数を配列に入れる
let calculators = [
    function(a, b) { return a + b; },  // 足し算
    function(a, b) { return a - b; },  // 引き算
    function(a, b) { return a * b; },  // 掛け算
];

// 配列から関数を取り出して実行
console.log(calculators[0](5, 3)); // 8 (足し算)
console.log(calculators[1](5, 3)); // 2 (引き算)
console.log(calculators[2](5, 3)); // 15 (掛け算)

// 関数を他の関数に渡す（コールバック関数）
function processNumbers(num1, num2, operation) {
    return operation(num1, num2);
}

let result1 = processNumbers(10, 5, calculators[0]); // 15
let result2 = processNumbers(10, 5, calculators[1]); // 5
console.log("足し算の結果:", result1);
console.log("引き算の結果:", result2);

// 関数は「呼び出せるオブジェクト」
function myFunction() {
    return "Hello!";
}

// オブジェクトとしての性質
console.log(myFunction.name);   // 名前を取得
myFunction.customProperty = "カスタムプロパティ"; // プロパティ追加

// 関数としての性質
console.log(myFunction()); // 実行して結果を取得