JavaScript组件初始化中的事件侦听器

Question

这实际上是我第一次尝试不做spaguetti代码，所以这意味着我是这个组件世界的新手。

我被选中开发新的顶级导航栏。即使它非常简单......我想为它做一个JS组件。

这里或多或少有一个草图：https://codepen.io/tureey/pen/qXQJYv

我的问题： 我现在有类似的东西。

function Menu ( view, device, resolutionX, resolutionY) {
        this.collapsed  = false;
        this.view           = view;
        this.device         = device;
        this.search         = '';
        this.resolution = {
            x: resolutionX,
            y: resolutionY
        };
    }

// So, this would be nice to have it in a resize eventlistenner once we init our menu
Menu.Prototype.changeVersionbyResolution = function() {
    // This should be casted if we resize the windows less than 992px
    // It adds/removes classes to the whole menu to display the things totally different
}

// So, this would be nice to have it in a scroll eventlistenner once we init our menu
Menu.Prototype.collapse = function() {
    // This should be casted if we scroll down
    // It adds/removes classes to the whole menu to display the things totally different
}

var menu = new Menu('ng_live_events', 'xiaomi mi5s', window.innerWidth, window.innerHeight);

我想：

自己的菜单应该可以改变自己（所以这意味着他必须知道我们向下滚动或滚动顶部，当我们调整窗口大小时（更改格式为992px）等等）

我该怎么做？

PS：如果你知道我能找到的帖子真好，或者例子会很好。

PS2：我正在阅读很多赞助人和这些东西！

感谢大家的时间！ 胜者。