// 函數(shù)聲明：function 關(guān)鍵字 + 函數(shù)名 + 參數(shù)列表 + 函數(shù)體
function calculateSum(a, b) {
  // 函數(shù)體：實(shí)現(xiàn)求和邏輯
  return a + b;
}
// 關(guān)鍵特性：函數(shù)提升（聲明前調(diào)用仍可執(zhí)行）
console.log(calculateSum(3, 5)); // 輸出：8（正常執(zhí)行，無(wú)報(bào)錯(cuò)）

// 1. 聲明變量 fn，賦值為一個(gè)匿名函數(shù)（函數(shù)表達(dá)式的核心語(yǔ)法）
// 右側(cè) function(){} 是匿名函數(shù)，無(wú)函數(shù)名，作為值賦值給 fn
var fn = function(a, b) {
  // 函數(shù)內(nèi)部邏輯：計(jì)算兩數(shù)之和
  // 內(nèi)部可訪(fǎng)問(wèn)參數(shù) a、b，以及外部作用域的變量（后續(xù)詳解）
  var sum = a + b;
  console.log("匿名函數(shù)內(nèi)部：a + b =", sum); // 輸出計(jì)算結(jié)果
  return sum; // 返回結(jié)果給外部調(diào)用者
};
// 2. 調(diào)用函數(shù)表達(dá)式：通過(guò)變量名 fn 調(diào)用，傳入實(shí)參
// 外部通過(guò)變量名觸發(fā)函數(shù)執(zhí)行，獲取返回值
var result = fn(3, 5);
console.log("外部訪(fǎng)問(wèn)函數(shù)返回值：", result); // 輸出：外部訪(fǎng)問(wèn)函數(shù)返回值：8
// 關(guān)鍵注意：匿名函數(shù)本身無(wú)名字，無(wú)法在內(nèi)部通過(guò)函數(shù)名遞歸（需用 arguments.callee）
var factorial = function(n) {
  if (n === 1) return 1;
  // 匿名函數(shù)內(nèi)部無(wú)法通過(guò)“函數(shù)名”遞歸，需用 arguments.callee 指向當(dāng)前函數(shù)
  return n * arguments.callee(n - 1);
};
console.log("匿名函數(shù)遞歸（階乘）：", factorial(5)); // 輸出：120

// 1. 聲明變量 calculate，賦值為一個(gè)“帶名字的函數(shù)”（函數(shù)名：multiply）
// 右側(cè) function multiply(a, b){} 是命名函數(shù)，函數(shù)名 multiply 僅內(nèi)部可用
var calculate = function multiply(a, b) {
  // 函數(shù)內(nèi)部可通過(guò)函數(shù)名 multiply 訪(fǎng)問(wèn)自身（用于遞歸）
  console.log("命名函數(shù)內(nèi)部：函數(shù)名 =", multiply.name); // 輸出：命名函數(shù)內(nèi)部：函數(shù)名 = multiply
  return a * b;
};
// 2. 外部調(diào)用：只能通過(guò)變量名 calculate 調(diào)用，無(wú)法直接用 multiply
console.log("外部調(diào)用命名函數(shù)表達(dá)式：", calculate(4, 6)); // 輸出：24
// console.log(multiply(4, 6)); // 報(bào)錯(cuò)：multiply is not defined（外部無(wú)法訪(fǎng)問(wèn)函數(shù)內(nèi)部的名字）
// 3. 命名函數(shù)表達(dá)式的核心優(yōu)勢(shì)：內(nèi)部遞歸更清晰（無(wú)需依賴(lài) arguments.callee）
var fibonacci = function fib(n) {
  if (n <= 2) return 1;
  // 內(nèi)部通過(guò)函數(shù)名 fib 遞歸，語(yǔ)義更清晰，避免 arguments.callee 的歧義
  return fib(n - 1) + fib(n - 2);
};
console.log("命名函數(shù)遞歸（斐波那契）：", fibonacci(6)); // 輸出：8（1,1,2,3,5,8）

// 1. 匿名函數(shù)表達(dá)式：無(wú)函數(shù)名，賦值給變量
var calculateMultiply = function(a, b) {
  return a * b;
};
// 2. 命名函數(shù)表達(dá)式：函數(shù)名僅在內(nèi)部可用（用于遞歸或調(diào)試）
var calculateDivide = function divide(a, b) {
  console.log(divide.name); // 輸出：divide（內(nèi)部訪(fǎng)問(wèn)函數(shù)名）
  if (b === 0) return "除數(shù)不能為0";
  return a / b;
};
// 關(guān)鍵特性：無(wú)函數(shù)提升（聲明前調(diào)用會(huì)報(bào)錯(cuò)）
// console.log(calculateMultiply(4, 6)); // 報(bào)錯(cuò)：calculateMultiply is not a function（若放在賦值前）
console.log(calculateMultiply(4, 6)); // 輸出：24（賦值后調(diào)用正常）
console.log(calculateDivide(10, 2)); // 輸出：5

// 實(shí)例1：處理不確定個(gè)數(shù)的參數(shù)（求和）
function sum() {
  var total = 0;
  // 遍歷 arguments（類(lèi)數(shù)組，需用 for 循環(huán)，無(wú) forEach 方法）
  for (var i = 0; i < arguments.length; i++) {
    // 過(guò)濾非數(shù)字參數(shù)（增強(qiáng)魯棒性）
    if (typeof arguments[i] === "number") {
      total += arguments[i];
    }
  }
  return total;
}
console.log(sum(1, 2, 3)); // 輸出：6
console.log(sum(10, 20, "a", 30)); // 輸出：60（忽略非數(shù)字參數(shù)）
// 實(shí)例2：arguments.callee 實(shí)現(xiàn)匿名函數(shù)遞歸（計(jì)算階乘）
var factorial = function(n) {
  if (n === 1) return 1;
  // callee 指向當(dāng)前函數(shù)，避免依賴(lài)外部變量名
  return n * arguments.callee(n - 1);
};
console.log(factorial(5)); // 輸出：120（5! = 5*4*3*2*1）

// 場(chǎng)景1：全局調(diào)用 -> this 指向全局對(duì)象（瀏覽器：window，Node：global）
function getGlobalContext() {
  console.log(this === window); // 瀏覽器環(huán)境輸出：true
  console.log(this === global); // Node 環(huán)境輸出：true
}
getGlobalContext();
// 場(chǎng)景2：對(duì)象方法調(diào)用 -> this 指向調(diào)用對(duì)象
var user = {
  name: "張三",
  age: 25,
  introduce: function() {
    return `我是${this.name}，今年${this.age}歲`;
  }
};
console.log(user.introduce()); // 輸出：我是張三，今年25歲
// 場(chǎng)景3：call/apply 強(qiáng)制綁定 -> this 指向指定對(duì)象
var anotherUser = { name: "李四", age: 30 };
// call：參數(shù)列表傳遞（逗號(hào)分隔）
console.log(user.introduce.call(anotherUser)); // 輸出：我是李四，今年30歲
// apply：參數(shù)數(shù)組傳遞
console.log(user.introduce.apply(anotherUser)); // 輸出：我是李四，今年30歲
// 場(chǎng)景4：bind 延遲綁定 -> 返回 this 綁定后的新函數(shù)
var boundIntroduce = user.introduce.bind(anotherUser);
setTimeout(boundIntroduce, 1000); // 1秒后輸出：我是李四，今年30歲

// 形式1：外層括號(hào)包裹函數(shù)體 + 執(zhí)行括號(hào)（推薦，語(yǔ)義清晰）
(function(a, b) {
  console.log("IIFE 形式1：" + (a + b)); // 輸出：IIFE 形式1：15
})(10, 5);
// 形式2：函數(shù)體括號(hào) + 執(zhí)行括號(hào)（省略外層括號(hào)，利用運(yùn)算符優(yōu)先級(jí)）
(function(a, b) {
  console.log("IIFE 形式2：" + (a * b)); // 輸出：IIFE 形式2：50
}(25, 2));
// 簡(jiǎn)化形式（利用一元運(yùn)算符，如 !、+、-，省略外層括號(hào)）
!function(a) {
  console.log("IIFE 簡(jiǎn)化形式：" + a); // 輸出：IIFE 簡(jiǎn)化形式：8
}(8);

// 問(wèn)題：循環(huán)中 var 聲明的變量共享，導(dǎo)致定時(shí)器輸出異常
for (var i = 0; i < 3; i++) {
  setTimeout(function() {
    console.log("未用 IIFE：" + i); // 輸出：3 3 3（循環(huán)結(jié)束后 i 已變?yōu)?3）
  }, 100);
}

// 方案：通過(guò) IIFE 將每次迭代的 i 傳入獨(dú)立作用域
for (var i = 0; i < 3; i++) {
  (function(j) {
    // j 是 IIFE 的參數(shù)，每次迭代獨(dú)立保存 i 的當(dāng)前值
    setTimeout(function() {
      console.log("用 IIFE：" + j); // 輸出：0 1 2（正常輸出每次迭代的 i）
    }, 100);
  })(i); // 將當(dāng)前 i 作為實(shí)參傳入
}

// 外層函數(shù)：定義局部變量 count
function createCounter() {
  var count = 0; // 被閉包引用的外層變量，不會(huì)被垃圾回收
  var step = 1; // 額外參數(shù)，演示多變量保存
  // 內(nèi)層函數(shù)：引用 count 和 step，形成閉包
  return {
    increment: function() {
      count += step;
      return count;
    },
    setStep: function(newStep) {
      step = newStep; // 可通過(guò)閉包修改外層變量
    }
  };
}
// 調(diào)用外層函數(shù)，獲取閉包對(duì)象（保存 count 和 step 的狀態(tài)）
var counter1 = createCounter();
var counter2 = createCounter(); // 獨(dú)立閉包，狀態(tài)不共享
// 操作 counter1
console.log(counter1.increment()); // 輸出：1（count=1，step=1）
counter1.setStep(2); // 修改 step 為 2
console.log(counter1.increment()); // 輸出：3（count=1+2=3）
// 操作 counter2（與 counter1 狀態(tài)獨(dú)立）
console.log(counter2.increment()); // 輸出：1（count=1，step=1）

// 模塊：通過(guò)閉包隱藏內(nèi)部變量，僅暴露指定方法
var userModule = (function() {
  // 私有變量：僅內(nèi)部可訪(fǎng)問(wèn)，外部無(wú)法直接修改
  var privateName = "張三";
  var privateAge = 25;
  // 暴露的公共方法（閉包，引用私有變量）
  return {
    getName: function() {
      return privateName;
    },
    setAge: function(newAge) {
      // 可在方法中添加校驗(yàn)邏輯，保證數(shù)據(jù)安全
      if (typeof newAge === "number" && newAge > 0) {
        privateAge = newAge;
      }
      return privateAge;
    },
    getInfo: function() {
      return `姓名：${privateName}，年齡：${privateAge}`;
    }
  };
})();
// 外部訪(fǎng)問(wèn)：只能通過(guò)暴露的方法操作，無(wú)法直接修改私有變量
console.log(userModule.getName()); // 輸出：張三
console.log(userModule.setAge(28)); // 輸出：28
console.log(userModule.getInfo()); // 輸出：姓名：張三，年齡：28
console.log(userModule.privateName); // 輸出：undefined（私有變量不可直接訪(fǎng)問(wèn)）

// 場(chǎng)景：異步請(qǐng)求中保留請(qǐng)求參數(shù)（如 AJAX 回調(diào)）
function fetchData(url) {
  // 模擬 AJAX 異步請(qǐng)求
  setTimeout(function() {
    // 閉包引用外層變量 url，即使 fetchData 執(zhí)行完，url 仍被保留
    console.log(`請(qǐng)求地址：${url}，模擬返回?cái)?shù)據(jù)成功`);
  }, 1000);
}
fetchData("https://api.example.com/user"); // 1秒后輸出：請(qǐng)求地址：https://api.example.com/user，模擬返回?cái)?shù)據(jù)成功
fetchData("https://api.example.com/order"); // 1秒后輸出：請(qǐng)求地址：https://api.example.com/order，模擬返回?cái)?shù)據(jù)成功

// 1. 同步回調(diào)（立即執(zhí)行，如數(shù)組遍歷）
var numbers = [1, 2, 3, 4];
// forEach 的參數(shù)是同步回調(diào)，遍歷完成后立即執(zhí)行
numbers.forEach(function(item, index) {
  console.log(`索引${index}：${item * 2}`); // 輸出：索引0：2 索引1：4 索引2：6 索引3：8
});
// 2. 異步回調(diào)（延遲執(zhí)行，如定時(shí)器）
function loadData(callback) {
  console.log("開(kāi)始加載數(shù)據(jù)...");
  // 模擬異步操作（如 AJAX 請(qǐng)求）
  setTimeout(function() {
    var data = { name: "李四", age: 30 };
    callback(data); // 異步完成后調(diào)用回調(diào)，傳遞數(shù)據(jù)
  }, 1500);
}
// 調(diào)用函數(shù)并傳入回調(diào)
loadData(function(result) {
  console.log("加載完成，數(shù)據(jù)：", result); // 1.5秒后輸出：加載完成，數(shù)據(jù)：{ name: '李四', age: 30 }
});
console.log("加載請(qǐng)求已發(fā)送（不阻塞后續(xù)代碼）"); // 先輸出：加載請(qǐng)求已發(fā)送（不阻塞后續(xù)代碼）

function add(a, b) {
  return a + b;
}
function multiply(a, b, c) {
  return a * b * c;
}
console.log(add.length); // 輸出：2（形參個(gè)數(shù)為 2）
console.log(multiply.length); // 輸出：3（形參個(gè)數(shù)為 3）

function greet(name) {
  return `Hello, ${name}`;
}
console.log(greet instanceof Function); // 輸出：true（函數(shù)是 Function 實(shí)例）
console.log(greet.name); // 輸出：greet（函數(shù)名屬性）
console.log(greet.toString()); // 輸出函數(shù)的源代碼：function greet(name) { return `Hello, ${name}`; }