名为自调用函数

Question

简化代码，我有这样的脚本：

function fixHeight() { 
    $(".sidebar-mainbox-container").height($(window).height()); 
}) 

fixHeight(); 

$(window).on("resize", function() { 
    fixHeight(); 
}) 

我正在寻找一种方法使用自调用函数来简化它，然后把它在resize事件。
我已经试过这一个：

var fixHeight = (function() { 
    $(".sidebar-mainbox-container").height($(window).height()); 
})(); 
$(window).on("resize", function() { 
    fixHeight(); 
}) 

但这种方式自我调用函数的值分配给fixHeight，这是行不通的。
如果我删除自调用部分...

var fixHeight = (function() { 
    $(".sidebar-mainbox-container").height($(window).height()); 
}); 
$(window).on("resize", function() { 
    fixHeight(); 
}) 

那么功能仅在我把它的大小调整，这是不好的。

如何简化此代码以避免执行此类简单任务的3个元素？

Answer 1

这有什么错

$(window).on("resize", function() { 
    $(".sidebar-mainbox-container").height($(this).height()); 
}); 

？

为了避免额外的函数调用，只需在注册后立即触发事件。

$(window).on("resize", /* ... */).trigger("resize");