不理解JavaScript代码中的回调函数

我是从一本JavaScript书中学习的，我想使用回调函数创建一些菜单，并智能地使用事件处理。我有一些代码看起来像这样：

window.onload = InitPage;
function InitPage(){
function hoverMenu(e, oTarget){
    var isChildOf = function(pNode, cNode){
        //alert("value of pNode:" + pNode + " value of cNode" + cNode);
        if(pNode === cNode){
            return true;
        }
        
        while (cNode && cNode !== pNode){
            cNode = cNode.parentNode;
        }
        
        return cNode === pNode;
    }
    
    //alert(e.srcElement);
    var target = e.target;
    
    if(!oTarget){
        oTarget = target;
    }
    
    var relTarg = e.fromElement;
    
    if(isChildOf(oTarget, relTarg) == false){
        alert("mouse enters");
    }
}
function unhoverMenu(e, oTarget){
    var isChildOf = function(pNode, cNode){
        //alert("value of pNode:" + pNode + " value of cNode" + cNode);
        if(pNode === cNode){
            return true;
        }
        
        while (cNode && cNode !== pNode){
            cNode = cNode.parentNode;
        }
        
        return cNode === pNode;
    }
    
    //alert(e.srcElement);
    var target = e.target;
    
    if(!oTarget){
        oTarget = target;
    }
    
    var relTarg = e.toElement;
    
    if(isChildOf(oTarget, relTarg) == false){
        alert("mouse leaves");
    }
}
var ul_menu = document.getElementById("ul_grabbed");
ul_menu.addEventListener("mouseover", function(e1){return function(e){hoverMenu(e, e1)}}(ul_menu),true);
ul_menu.addEventListener("mouseout", function(e1){return function(e){unhoverMenu(e, e1)}}(ul_menu),true);

我已经完成了代码。这里本质上发生的是当鼠标进入UL元素或其子元素时的触发事件，以及离开该UL或其子对象时的触发的事件。我很难理解这里显示的除了最后一部分之外的所有内容：

ul_menu.addEventListener("mouseover", function(e1){return function(e){hoverMenu(e, e1)}}(ul_menu),true);
ul_menu.addEventListener("mouseout", function(e1){return function(e){unhoverMenu(e, e1)}}(ul_menu),true);

我对这些行的理解是，我们正在向UL元素添加一个具有两个功能的事件，一个从第一个内部返回，这将在事件的捕获阶段启动。我的问题是，为什么我在这些函数的末尾需要(ul_menu)，并且有e1和e，这是否意味着这里实际上触发了两个不同的事件？如果有人能向我解释最后两行，我将不胜感激

function(e1){ ... }(ul_menu)

function(e) { hoverMenu(e, ul_menu); }