Как правильно писать функцию в обработчике события?

Для примера пишем функцию: display, так:

function display(param) {
	/* Code Function */
};

Или так:

var display = function(param) {
	/* Code Function */
};

Теперь пробуем вызывать функцию, при клике на ссылку (class="beginning"):
Первый вариант на jQuery:

$(document).on('click', 'a.beginning', () => {
	display('cover');
});

Первый вариант на чистом JS:

var beginning = document.querySelector('a.beginning');				
beginning.addEventListener('click',  function() {
	display('cover');
});

Или, второй вариант на jQuery:

$(document).on('click', 'a.beginning', display('cover'));

Второй вариант на чистом JS:

var beginning = document.querySelector('a.beginning');				
beginning.addEventListener('click', display('cover'));

Какой из вариантов, по Вашему, будет работать, а какой нет? Работать будет первый вариант, как на jQuery, так и на чистом JS. Именно первый вариант является правильным.