深入理解JavaScript：函數即Function對象的本質與應用

核心結論

在 JavaScript 中，函數是第一類對象。每個函數都是 `Function` 構造函數的實例，擁有屬性和方法，可被賦值、傳遞、動態創建。

三種創建函數的方式本質對比

1. 函數聲明

function add(a, b) { return a + b; }
// 引擎會隱式執行：var add = new Function('a', 'b', 'return a + b;');

2. 函數表達式

var add = function(a, b) { return a + b; };
// 同樣是 Function 實例，但不會提升

3. Function 構造函數（動態創建）

var add = new Function('a', 'b', 'return a + b;');
// 每次調用都會解析字符串，性能差、安全風險大，極少使用

Function 對象的關鍵特性

屬性

• length：形參個數（不含剩餘參數）。
• name：函數名（匿名函數為空字符串或變量名）。
• prototype：原型對象，用於構造函數實例化時繼承方法。

方法

• call(thisArg, ...args) / apply(thisArg, argsArray)：顯式綁定 `this` 調用。
• bind(thisArg, ...args)：返回綁定 `this` 的新函數（柯里化基礎）。
• toString()：返回函數源碼字符串（含註釋、格式）。

實戰應用場景

1. 高階函數與回調

function calculate(a, b, operator) {
    return operator(a, b); // operator 是函數對象
}
calculate(1, 2, (x, y) => x + y); // 3
calculate(1, 2, function(x, y) { return x * y; }); // 2

2. 函數屬性存儲狀態（模擬靜態變量）

function counter() {
    counter.count = (counter.count || 0) + 1;
    return counter.count;
}
counter(); // 1
counter(); // 2

3. 柯里化與偏函數應用

function multiply(a, b) { return a * b; }
var double = multiply.bind(null, 2);
double(5); // 10

常見誤區澄清

總結

「函數即對象」是 JavaScript 函數式編程、異步編程、框架設計的基石。掌握 `Function.prototype` 上的 `call/apply/bind`，理解閉包與 `this` 綁定機制，是進階 JS 開發者的必修課。