javascript - 使用命名自调用函数简化代码

Question

我有这个脚本:

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

fixHeight();

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

我正在寻找一种使用自调用函数来简化它的方法，然后在调整大小事件中调用它。
我已经尝试过这个:

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");