JavaScript中函数为何是对象？复杂函数如何以键值对存储？

1. 函数为啥能作为对象存在？ #

JavaScript里的函数是特殊的Object实例——它属于Function构造函数的实例，而Function本身继承自Object。这意味着函数天生就拥有普通对象的所有特性：可以添加/删除键值对属性、可以作为参数传递、可以被赋值给变量。

和普通对象唯一的区别是，函数多了一个内置的[[Call]]内部属性（JS引擎层面的实现），这个属性让函数可以被()调用执行代码逻辑。普通对象没有这个属性，所以不能被调用。

2. 复杂计算的函数怎么成为对象？ #

不管函数内部的计算逻辑有多复杂（比如迭代、递归、处理大量数据），它本质上依然是一个Function实例。函数的可执行代码会被存储在它的内部属性中（比如[[FunctionBody]]），这个属性对开发者不可直接访问，但这不妨碍它作为对象拥有键值对属性。

举个例子，一个复杂的计算函数，你完全可以给它添加自定义属性：

// 计算圆周率近似值的复杂函数
function calculatePi(iterations) {
  let pi = 0;
  for (let i = 0; i < iterations; i++) {
    pi += Math.pow(-1, i) / (2 * i + 1);
  }
  return pi * 4;
}

// 给函数添加键值对属性
calculatePi.author = "Billies";
calculatePi.lastRunTime = Date.now();
calculatePi.defaultIterations = 100000;

这里的calculatePi既是一个能执行复杂计算的函数，也是一个拥有author、lastRunTime等键值对的对象。

3. 如何以键值对形式存储这类函数？ #

有两种常见的存储方式：

方式一：将函数作为普通对象的属性值 #

这是最常用的方式，把函数当作值，赋值给对象的某个键：

const mathUtils = {
  // 简单加法函数
  add: (a, b) => a + b,
  // 复杂的质数判断函数
  isPrime: function(num) {
    if (num <= 1) return false;
    if (num === 2) return true;
    for (let i = 2; i <= Math.sqrt(num); i++) {
      if (num % i === 0) return false;
    }
    return true;
  },
  // 计算数组元素的加权平均值
  weightedAverage: function(arr, weights) {
    if (arr.length !== weights.length) return 0;
    let total = 0;
    let weightSum = 0;
    for (let i = 0; i < arr.length; i++) {
      total += arr[i] * weights[i];
      weightSum += weights[i];
    }
    return total / weightSum;
  }
};

// 调用时通过键访问函数
console.log(mathUtils.isPrime(97)); // true
console.log(mathUtils.weightedAverage([10, 20, 30], [0.2, 0.3, 0.5])); // 23

方式二：给函数本身添加键值对属性 #

因为函数自己就是对象，所以可以直接给它添加属性，相当于把函数自身作为一个键值对容器：

function fibonacci(n) {
  // 利用自身的cache属性做缓存，优化重复计算
  if (fibonacci.cache[n]) return fibonacci.cache[n];
  if (n <= 2) return 1;
  const result = fibonacci(n - 1) + fibonacci(n - 2);
  fibonacci.cache[n] = result;
  return result;
}

// 初始化缓存键值对
fibonacci.cache = { 1: 1, 2: 1 };
// 添加其他描述性属性
fibonacci.description = "带缓存的斐波那契计算函数";
fibonacci.version = "1.0";

console.log(fibonacci(10)); // 55
console.log(fibonacci.cache[10]); // 55

内容的提问来源于stack exchange，提问作者Billies Wesley