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