Я правильно использую функцию обратного вызова?

Question

Я только что научился использовать функции обратного вызова, и вот как я их использую:

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

Это позволяет мне просто вызывать функцию при нажатии на элемент следующим образом:

elementClick(modalSkipBtn, loadNewCombination);

Это правильный способ использования функции обратного вызова? Мой код работает нормально - мне просто интересно, подходит ли это для этой функции.

Answer 1

Вы можете просто использовать element.addEventListener("click", callback). Причина в том, что вы можете передать функцию, не вызывая ее (т.е. добавив () после ее имени). addEventListener принимает второй аргумент, который является функцией точно так же, как ваш elementClick принимает его. и назовите это внутри.

Answer 2

Вместо этого вы можете сделать element.addEventListener("click", callback);, это проще. Используйте ваш метод только тогда, когда вашему обратному вызову нужен параметр. Пример:

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

Answer 3

Да, реализация правильная. Вы также можете просто написать element.addEventListener("click",callback);

Или если ваша функция loadNewCombination ()

element.addEventListener("click",loadNewCombination);