より良いパフォーマンスを得るためにオブジェクトに文書とウィンドウの参照を格納する

Question

私には1つの質問があり、わかりません。

私はこのような私のpluins内のオブジェクトまたはグローバル変数にwindowとdocumentを定義します。

var myplugin = { 
    document : document || {}, 
    window : window || {} 
}; 

私はこのような必要があるとき、私はその呼び出しの後：

myplugin.window.location.href = 'http://flyflyflymachine.etc'; 

そして、私が知りたいのですが私はいくつかのより良いパフォーマンスを得るか、不必要にですか？

Answer 1

プラグインではなく、オブジェクトリテラル初期化子を使用しての生命維持の観点で定義されている場合、ナノ最適化のこの種の作成入れ子関数に対してよりappplicableあります。

コードがオブジェクトの変数を参照する場合、javascriptエンジンは、変数またはオブジェクト定義が見つかるか、定義されていないことが証明されるまで、現在のレキシカルスコープレコードを最初に検索し、その後に親レキシカルスコープレコードを検索する必要があります。

可変範囲定義letを使用するループと、引数と変数を保持する関数のために、forループの字句範囲レコードが作成されます。深くネストされたforループでは、深くネストされた関数の中で、検査する範囲レコードがいくつかあり、その前にwindowまたはdocumentのいずれかを見つけることができます。

グローバルまたは外側の関数参照のコピーを作成すると、検索にスコープレコードの数を減らすことができます。純粋なパフォーマンスの向上は、コピーを作成するオーバーヘッドが中間範囲レコードを検索するJavaSriptエンジンのオーバーヘッドに外部参照が使用された回数を掛けたものよりも小さい場合にのみ発生します。これは実際には稀であり、利得が小さい場合には証明することは困難である。

ポストのプラグイン定義の種類は、IIFEの代わりに「オブジェクトオブジェクト」インテイラーで構成されているため、オブジェクト参照検索のスピードアップの基準を満たしておらず、実際には遅くなる可能性があります。

Answer 2

windowまたはdocumentが不安です。たとえば、このコードがWorkerまたはNodeJSスクリプトの内部から実行された場合、エラーが発生します。

ですから、二つの方法でこれを「最適化する」ことができます：

は使用古き良き

var myPlugin = {}; 
(function myPluginNS(_global) { 
    myPlugin.window = _global; 
    myPlugin.document = _global.document || {}; 
})(this); 

（thisはグローバルオブジェクトを参照する、グローバルスコープから）thisキーワードで名前空間を使用しますあなたのコードが確実にバリデーションされていることを保証します。 JSの実行時間。

Answer 3

パフォーマンスに関しては、キャッシュが有効ですが、ここでは何もキャッシュしていません。 1つのルックアップを別のルックアップに置き換えるだけである（yourplugin.document対window.document）。

実際にはdocumentのほうが速いですが、タイトなループで数千回呼び出すのでなければ、このようなナノの最適化を気にしないでください。理論的に