javascript 我们应该尽可能共享函数还是创建新函数？

Question

我想知道哪种情况的“开销”更大：

1) 案例 1：500 万个对象共享 30 个功能。每次调用函数时，都会产生开销，因为需要执行 f.call(instance, arg1, arg2, etc)

 //example code
function makeObject()
{
  return { method1:func1,
           method2:func2,
           ...
           method30:func30 };
}

2) 案例 2：500 万个对象，每个对象有 30 个函数（= 1.5 亿个单独的函数实例）。每次调用函数时，都没有“路由开销”，但当然会牺牲更多实例

//example code
function makeObject()
{
  return { method1:func1.bind(asd),
           method2:func2.bind(asd),
           ...
           method30:func30.bind(asd) };
}

500 万只是我的手指打出的一个数字，而我的大脑仍在计算一个很好的数字作为示例。

基本上我想知道我们应该尽可能共享函数还是创建新函数？

（你可以假设我永远不会在整个页面的任何地方使用 eval 函数）

Answer 1

由于几乎所有现代浏览器都优化了prototype- 和scopeschain 查找，因此您绝对应该去共享方法。

用简单的话描述的优化技术，是一种hash lookup table，javascript引擎使用它来访问out of scope变量的属性/方法。因此，与经典的 scope chain lookup 相比，引擎必须爬过每个父作用域变量/激活对象的开销很小。

如果有某种直接的eval'ed 代码，这种优化的lookup 只会失败。由于eval 可以从上下文更改属性，因此引擎必须回退到经典的查找算法（这有点慢）。

但是，5m 对象对于 Javascript 引擎来说有点不真实，我希望这些数字只是示例。在现实世界的场景中，5m 个对象调用 n 数量的函数会在各处造成堆栈溢出和“运行脚本过长”错误。

单独parsing time 拥有 1.5 亿个函数将是可耻的。

Answer 2

如果假设情况 2 是关于创建类似这样的对象：

function makeObject()
{
  return { method1:func1,
           method2:func2,
           ...
           method30:func30 };
}

那么您将拥有 5m 个对象，每个对象具有 30 个属性。不是“1.5 亿个单独的函数实例”。函数实例数仍为 30。

创建 5m 这样的对象会花费你一些东西。添加属性的成本大约是读取属性的 3-10 倍。这意味着创建此类集合所花费的时间可能比您的程序使用__proto__ 使用一级间接寻址访问方法所花费的时间更多。

简而言之：对于 5m/30，案例 1 在大多数情况下更为理想。但是在某些情况下，将方法引用放入对象本身是值得考虑的。例如。频繁访问的对象/方法的数量有限（例如单例）。

Answer 3

为什么不这样呢？ ：

function myObject() { }

myObject.prototype.method1 = func1
myObject.prototype.method2 = func2,
           ...
myObject.prototype.method30 = func30

因此，如果您将对象创建为

var obj = new myObject();

那么你将调用它的方法：

obj.method1(); 
obj.method2(); 

不需要call() 和其他魔法......

在这种情况下，您不需要使用相同的 30 个属性来填充对象的每个实例。