javascript - 改进 $(document).ready 和 $( window ).resize 并使其更紧凑

Question

我有这个代码例如

var Wwin = $(window).width()

if ( Wwin > 2000 ) { 
    alert ('yes')
} else {    
    alert ('no')    
}

每次 $(document).ready 和 $( window ).resize

我都需要运行这段代码

例如

$( window ).resize(function() {

    var Wwin = $(window).width()

    if ( Wwin > 2000 ) { 
        alert ('yes')
    } else {    
        alert ('no')    
    }

});

$(document).ready(function() {

    var Wwin = $(window).width()

    if ( Wwin > 2000 ) { 
        alert ('yes')
    } else {    
        alert ('no')    
    }

});

有什么方法可以改进这段代码并使其更紧凑吗？

例如

var $MyFunction =  (   var Wwin = $(window).width()
                       if ( Wwin > 2000 ) { 
                            alert ('yes')
                       } else { 
                            alert ('no')    
                       }  )

$( window ).resize(function() {

     $MyFunction

}); 

$(document).ready(function() {

     $MyFunction

});

或

$(document).ready(function(){} & $( window ).resize(function() {

         $MyFunction

});

你有什么建议？

Answer 1

你总是可以做一个函数。

var windowSize = function () {
    if ( $(window).width() > 2000 ) { 
        alert('yes')
    } else {    
        alert('no')    
    }
}
$(document).ready(windowSize);
$(window).resize(windowSize);

但请记住，调整大小事件将被触发多次。