我是否正确使用了回调函数？

Question

我刚刚学会了使用回调函数，这就是我使用它们的方式：

//click event function 
function elementClick(element, callback) {
    element.addEventListener("click", function(){
        callback();
    });
}

这允许我在单击元素时简单地触发一个函数，如下所示：

elementClick(modalSkipBtn, loadNewCombination);

这是使用回调函数的正确方法吗？ 我的代码运行良好 - 我只是想知道这是否适合此功能。

Answer 1

是的，实施是正确的。 您也可以简单地编写element.addEventListener("click",callback);

或者，如果您的函数是loadNewCombination（）

element.addEventListener("click",loadNewCombination);

Answer 2

您可以简单地使用element.addEventListener("click", callback) 。 原因是您可以传递函数而无需调用它（即在其名称后添加() ）。 addEventListener接受第二个参数，该参数与您的elementClick接受它的方式完全相同。 并在内部调用。

Answer 3

您可以执行element.addEventListener("click", callback); 相反，它更容易。 仅当回调需要参数时才使用you方法。 例：

element.addEventListener("click", function(){
    callback(i);
});
function callback(i) {
    return i * 2
}