Почему оповещение работает только один раз, когда не работает?

Question

document.querySelector('html').onclick = function() {
    alert('Hy');
}

работает каждый раз, когда я нажимаю на веб-страницу, отображающую диалоговое окно.

, но если бы я удалил объявление функции и вместо этого написал

document.querySelector('html').onclick = alert('Hey');

, он работал бы только один раз.

Я не понимаю этого, потому что я прошу javascript оповещать Hey каждый раз, когда я нажимаю на веб-страницу, но он делает то же самое только один раз.Как влияет объявление функции на этот фрагмент кода?

Answer 1

Потому что это делает:

document.querySelector("html").onclick = alert("Hey");

Он запускает код alert("Hey"), затем устанавливает onclick элемента в возвращаемое значение из alert("hey").Это будет работать только как правильный обработчик события, если alert("Hey") возвращает функцию.Это не:

console.log(alert("Hey"));

Таким образом, вам необходимо прикрепить функцию или ссылку на функцию следующим образом:

document.body.onclick = () => alert("Hey");

<p>Click Me</p>

Вышеописанное работает и является лишь небольшим дополнением к желаемому синтаксису - для этого мы используем функции стрелок ES6.

Answer 2

Вам необходимо различать функцию и результат вызова функции.Во втором случае вы немедленно запускаете функцию alert, а затем устанавливаете для onclick ее результат (который не является функцией и не делает ничего полезного).