在条件语句中创建匿名函数

Question

我有一个这样的片段：

if(el) {
    el.addEventListener("click", function(){
        if (body.classList.contains("el-is-open")) {
            body.classList.remove("el-is-open");
        } else {
            body.classList.add("el-is-open");
        }
    });

    foo.addEventListener("click", function(){
        body.classList.remove("el-is-open");
    });
}

可以将这些语句包装在条件中吗？我是js的新手，所以我不确定是否可以做..

在我总是得到之前：

uncaught TypeError: Cannot read property 'addEventListener' of null

在此之后，我可以将所有js放在同一个文件中，并且只有在文档具有id el（即）时才运行它。感谢