12

プロトタイプ構造のこの非常によく知られているモデルを考えると：

function Rectangle(w,h) {
    this.width = w;
    this.height = h;
}
Rectangle.prototype.area = function() { 
    return this.width * this.height;
};

'new'キーワードなしnew Rectangle(2,3)で呼び出すよりも、呼び出しが一貫して10倍高速である理由を誰かが説明できますか？Rectangle(2,3)newはプロトタイプを関与させることで関数の実行をより複雑にするので、遅くなると思いました。

例：

var myTime;
function startTrack() {
    myTime = new Date();
}
function stopTrack(str) {
    var diff = new Date().getTime() - myTime.getTime();
    println(str + ' time in ms: ' + diff);
}

function trackFunction(desc, func, times) {
    var i;
    if (!times) times = 1;
    startTrack();
    for (i=0; i<times; i++) {
        func();
    }
    stopTrack('(' + times + ' times) ' + desc);
}

var TIMES = 1000000;

trackFunction('new rect classic', function() {
    new Rectangle(2,3);
}, TIMES);

trackFunction('rect classic (without new)', function() {
    Rectangle(2,3);
}, TIMES);

歩留まり（Chrome）：

(1000000 times) new rect classic time in ms: 33
(1000000 times) rect classic (without new) time in ms: 368

(1000000 times) new rect classic time in ms: 35
(1000000 times) rect classic (without new) time in ms: 374

(1000000 times) new rect classic time in ms: 31
(1000000 times) rect classic (without new) time in ms: 368
4

1 に答える 1

17

「new」なしで関数を呼び出す場合、「this」が何を指していると思われますか？「窓」になります。これを更新すると、「new」を使用して呼び出すときに使用する、新しく作成された新しいオブジェクトを更新するよりも時間がかかります。

2番目のバージョンを次のように変更します。

trackFunction('rect classic (without new)', function() {
    Rectangle.call({}, 2,3);
}, TIMES);

そしてあなたが得るものを見てください。試してみるもう1つのことはこれです：

trackFunction('rect with constant object', (function() {
  var object = { height: 0, width: 0 };
  return function() {
    Rectangle.call(object, 2, 3);
  };
})());

これにより、反復ごとにダミーオブジェクトを再構築するコストを節約できます。

于 2010-03-24T15:34:06.080 に答える