window.innerHeightとwindow.innerWidthのキャッシュ値

Question

レイアウトのスラッシングを防ぐため、window.innerHeightとwindow.innerWidthの値をキャッシュします。私は、このモジュールがあると仮定して修正しています：

var windowHeight = window.innerHeight; 
var windowWidth = window.innerWidth; 

module.exports = { 
    h: windowHeight, 
    w: windowWidth 
}; 

ウィルのみアクセス：

browserified

module.exports = { 
    h: window.innerHeight, 
    w: window.innerWidth 
}; 

、window.innerHeightとwindow.innerWidthは毎回プロパティが使用されているアクセスしますが、以下のモジュールいますHeightとwindow.innerWidthは一度ですか？エクスポートされたプロパティに複数回アクセスした場合でも

Answer 1

私はあなたが正しいとは思わない...私は両方の例が値をキャッシュすると思います。

実際には、アプリケーションが起動されたときにモジュールコードが実行され、requireを使用して利用できるようになりました。それぞれrequireで再実行されません。

module.exports = { 
    cachedH: window.innerHeight, // will not change 

    calculatedH: function() { 
     return window.innerHeight; // will recalculate each time called 
    } 
};