覆盖观察者或函数内部的检查语句？

Question

我是JavaScript的新手（使用JQuery），并为固定标头创建了JQuery的观察程序（向下滚动隐藏，向上滚动显示）+调整观察程序大小以使其对移动方向友好。

我应该使用：

var
    $window = $( window ),
    minWindowHeight = ( $window.height() >= ( $( 'header' ) * 5 ) );

// Init when page opened
if ( minWindowHeight ) {
    $window.scroll(function(event){
        // Set setInterval 250 to function (avoid too often funtion call)
        //   -> the function
    });
}

// When browser window resized (for example mobile orientation)
$window.resize(function(event){
    minWindowHeight = ( $window.height() >= ( $( 'header' ) * 5 ) );

    if ( minWindowHeight ) {
        $window.scroll(function(event){
            // Set setInterval 250 to function (avoid too often funtion call)
            //   -> the function
        });
    }
});

要么

var
    $window = $( window ),
    minWindowHeight = ( $window.height() >= ( $( 'header' ) * 5 ) );

// Init when page opened
$window.scroll(function(event){

    // Set setInterval 250 to function (avoid too often funtion call)
        //   -> the function start
            if ( minWindowHeight ) {
                // do something
            }
        //   -> the function end
});

// When browser window resized (for example mobile orientation)
$window.resize(function(event){
    minWindowHeight = ( $window.height() >= ( $( 'header' ) * 5 ) );
});

或者完全是另一种观察者或其他东西？

也可以通过回答教程来解释这些事情，这将是很棒的-我不知道搜索什么关键字。

提前致谢！

Answer 1

在这种特殊情况下，我建议您声明一个函数以最大程度地减少对相同变量的那些大调用

var win = $(window),
header = $("header");

(function($){
  function gapCalc (win,header){
    return ( $(win).height() >= ( $(header).height()*5 ) );
  }
}(jQuery));

$(window).resize(function(){
  if(gapCalc(win,header)){
    //do something
  }
});

$(document).ready(function(){
  if(gapCalc(win,header)){
    //do something
  }
});