javascript - 将两个事件处理合并为一个事件处理

Question

我正在尝试组合两个相同的代码，它们仅在事件处理程序中有所不同。当网站加载时，它会启动我的函数，如果用户调整浏览器的大小，它将更新变量并再次运行该函数。

$(window).load(function() {

        $(!agent) {

            var milk   = $().height(),
                choco  = $().width();

            doThis();

        } else {
            var orange  = $().length(),
                apple   = $().width();

            orThis();
        }

});

$(window).resize(function() {

        $(!agent) {

            var milk   = $().height(),
                choco  = $().width();

            doThis();

        } else {
            var orange  = $().length(),
                apple   = $().width();

            orThis();
        }

});

Answer 1

或者您可以定义函数:

function mySuperDuperEventHandler()
{
    $(!agent) {

        var milk   = $().height(),
            choco  = $().width();

        doThis();

    } else {
        var orange  = $().length(),
            apple   = $().width();

        orThis();
    }
}

然后将其指定为事件处理程序:

$(window).on('load resize',mySuperDuperEventHandler);