Javascript 函数“娱乐”？

Question

我阅读了很多 JavaScript 代码，看到了很多不同风格的所谓类。我正在开发一个轻量级 DOMish 类，它包含我的模板脚本的最低限度，在 Node.JS 上运行，(它使用 JSON 将 DOMish 实例转换为另一个 DOMish 实例，然后将其序列化为 HTML，缓存原始 DOMish 实例并根据模板请求克隆它)。

以上与我的问题无关。看完http://www.phpied.com/3-ways-to-define-a-javascript-class/ , 第 1.2 节。内部定义的方法

A drawback of 1.1. is that the method getInfo() is recreated every time you create a new object.

如第 1.1 节所述，定义类的方法是(略微修改以反射(reflect)我自己的情况，使用局部/私有(private)变量):

function Apple (type) {
    var that = this;

    // local-variable
    var color = 'red';

    // local-(extern)-function
    var infoProvider = function() { // inner-function
        // note the danger of this and that!
        return that.color + ' ' + that.type + ' ' + this.type;
    };

    this.__defineGetter__("type", function() { return type; });

    this.getInfo = function(otherContext) {
        return infoProvider.call(otherContext); // other "this" scope
    };
}

var apple = new Apple('iPod');
apple.getInfo({type: 'music player'}); // 'red iPod music player'

我碰巧使用了相同的样式，因为该函数现在可以访问在构造函数中定义的局部/私有(private)变量和函数。但是一句“[The function] is recreated every time you create a new object”。吓到我了(性能明智)!当我使用使用 V8 的 Node 时，我一直认为函数只创建一次并以某种方式缓存，当在不同的对象上调用时，仅使用不同的上下文(thises 和那个)。

我应该害怕“娱乐”吗？与基于原型(prototype)的函数相比，它有多糟糕？或者这纯粹是美学(人们喜欢将东西放在一起，在构造函数、VS 中，人们喜欢原型(prototype))？

Answer 1

尽管 V8 确实缓存了很多东西， 这不是其中一种情况，可以通过以下代码证明 :

> function foo(){ this.bar = function(){ return this.x; }; this.x = Math.random(); }
> var ary = [];
> for(var i=0; i<1000000; i++){ ary.push(new foo()); }

上面使用了 144MB 的内存。

> function foo(){ this.x = Math.random(); }
> foo.prototype.bar = function(){ return this.x; }
> var ary = [];
> for(var i=0; i<1000000; i++){ ary.push(new foo()); }

这使用了 68MB 的内存。

请注意，V8 源头位于:

http://code.google.com/p/v8/source/browse/branches/bleeding_edge/src/compilation-cache.h?r=5284

似乎暗示所述函数的编译可能确实被缓存了:

The compilation cache keeps shared function infos for compiled scripts and evals. The shared function infos are looked up using the source string as the key. For regular expressions the compilation data is cached.

但是测试表明，即使编译通过了，还是会创建新对象，就好像你不创建新对象一样会破坏JS :)

编辑

进一步测试:

function foo(){
    this.bar = function(){
        this.x = '0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789';
        return this.x;
    };
    this.x = Math.random();
}
var ary = [];
for(var i=0; i<1000000; i++){ ary.push(new foo()); }

使用 144MB 内存。由于我添加了一个 100 个字符的字符串，如果函数本身没有被缓存，我们将额外使用 100MB 左右的内存。

所以上面表明是的，函数本身被缓存了。但是它仍然需要用一个新的对象来表示。