// 1️⃣ 関数宣言 (function declaration)
function add1(a, b) {
    return a + b;
}

// 2️⃣ 関数式 (function expression)
const add2 = function(a, b) {
    return a + b;
};

// 3️⃣ アロー関数 (arrow function, 2015+) — 最も一般的
const add3 = (a, b) => a + b;

// 4️⃣ メソッド (オブジェクト内)
const calculator = {
    add(a, b) { return a + b; }
};

// ▶️ 4つすべて呼び出し — 結果は同じ
console.log(add1(2, 3));            // 5
console.log(add2(2, 3));            // 5
console.log(add3(2, 3));            // 5
console.log(calculator.add(2, 3));  // 5

// 💡 同じ名前(`add`)で4回宣言するとSyntaxError → 学習用にadd1·2·3と分離

// 1️⃣ デフォルト値 — 引数を与えない場合、= の後の値が自動的に使用される
const greet = (name = "匿名") => `こんにちは、${name}`;
console.log(greet());         // "こんにちは、匿名"   ← 引数を与えなかったのでデフォルト値を使用
console.log(greet("ホン"));     // "こんにちは、ホン"     ← 引数を与えたのでその値を使用

// 2️⃣ 可変引数 (rest) — いくつかの引数が配列にまとめられる
const sum = (...nums) => nums.reduce((a, b) => a + b, 0);
console.log(sum(1, 2, 3, 4));        // 10
console.log(sum(1, 2, 3, 4, 5, 6));  // 21
console.log(sum());                  // 0   ← 引数がなくてもOK

// 3️⃣ 分割代入 — オブジェクトから必要なプロパティのみを取り出す
const printUser = ({ name, age }) => console.log(`${name} (${age})`);
printUser({ name: "ホン", age: 28 });   // 出力: "ホン (28)"

// 1️⃣ 変数に格納 — 関数も値なので変数に保存可能
const fn = () => "hi";
console.log(fn());   // "hi"

// 2️⃣ 引数として渡す — mapのようなメソッドに関数を"渡す"
const doubled = [1, 2, 3].map(x => x * 2);
console.log(doubled);   // [2, 4, 6]

// 3️⃣ リターン — 関数が関数を返す (クロージャ)
function makeCounter() {
    let count = 0;
    return () => ++count;        // 関数をリターン
}
const counter = makeCounter();
console.log(counter());   // 1
console.log(counter());   // 2
console.log(counter());   // 3   ← count が生きているので継続して増加

// ✅ 純粋: 同じ入力 → 同じ出力 + 副作用なし
const double = (n) => n * 2;
console.log(double(3));   // 6   ← 何度呼び出しても同じ入力には同じ出力
console.log(double(3));   // 6

// ❌ 非純粋: 外部状態の変更 (副作用あり)
let count = 0;
const increment = () => { count++; };   // 外部の count を変更する

increment();
increment();
console.log(count);   // 2   ← 呼び出すたびに外部状態が変わる (予測が難しい)

const addBad   = (a, b) => { a + b };       // ❌ 中括弧内に return がない
const addGood1 = (a, b) => a + b;           // ✅ 中括弧 X → 式が自動的に返される
const addGood2 = (a, b) => { return a + b; }; // ✅ 中括弧 + return を明示

console.log(addBad(2, 3));    // undefined   ← 🙀 return がないため！
console.log(addGood1(2, 3));  // 5
console.log(addGood2(2, 3));  // 5

const obj = {
    name: "ホン",
    greet: () => console.log(this.name)   // undefined!
};
// アロー関数は独自の this を持たない → 周囲 (グローバル) の this を使用