javascript - What's the elegant way of binding multiple elements with different event respectively using same event handler?

Question

I have both $(document) and $(window), they are bound with 'ready' and 'resize' event respectively. They are sharing the same event handler.

Code:

$(window).on('resize', function () {    
     Shared code
});
$(document).ready(function () {
     Shared code
});

Instead of the style above, is there a conventional way of handling this to make the code clean and simple>

Answer 1

It's very simple actually.

var handler = function (event) {
    // Whatever you want to handle
};

$(window).on('resize', handler);
$(document).ready(handler);