このJqueryのサイズ変更機能を効率的/短く/クリーナーにすることができますか？

Question

私はJqueryを使い慣れていないので、2つの関数で同じコードを効率的にコピーするようには見えません。
この機能をより効率的にすることは可能ですか？
効率的に私はコードを縮小することを意味します。

ID要素のサイズを変更するときに、ID要素のサイズを変更します。
なぜ2回コピーする必要がありますか？ .resizeの中にコードを残し、もう一つの.readyを削除すると、要素のサイズが設定されません。
私はそれが働いているように動作しますが、問題は「きれいに見えません」ということです。

最新のJqueryを使用しています。

$(document).ready(function() { 
    var files = ["home.html","test.html","random.html","noob.html"]; 
    var a = 0; 
    var wh = $(window).height(); 
    var ww = $(window).width(); 
    var btn_n = $("#btn_nav button"); 
    btn_n.height(ww*0.05); 
    btn_n.width(ww*0.12); 
    $(window).resize(function() { 
    var wh = $(window).height(); 
    var ww = $(window).width(); 
    var btn_n = $("#btn_nav button"); 
    btn_n.height(ww*0.05); 
    btn_n.width(ww*0.12); 
    }); 
}); 

Answer 1

複数の場所で実行したいコードを関数に移動し、ドキュメントの準備とサイズ変更イベントで呼び出します。

$(document).ready(function() { 
    var files = ["home.html","test.html","random.html","noob.html"]; 
    var a = 0; 

    function layout() { 
    var wh = $(window).height(); 
    var ww = $(window).width(); 
    var btn_n = $("#btn_nav button"); 
    btn_n.height(ww*0.05); 
    btn_n.width(ww*0.12); 
    } 
    layout(); 
    $(window).resize(layout); 
}); 

Answer 2

ロジックを名前付き関数に入れてから、ページの読み込み時に呼び出すと、ウィンドウのサイズ変更時に呼び出されます。

$(document).ready(function() { 
    updateSizes(); 
    var files = ["home.html","test.html","random.html","noob.html"]; 
    var a = 0; 
    $(window).resize(updateSizes) 

    function updateSizes(){ 
    var wh = $(window).height(); 
    var ww = $(window).width(); 
    var btn_n = $("#btn_nav button"); 
    btn_n.height(ww*0.05); 
    btn_n.width(ww*0.12); 
    } 
});