Как работает вызов асинхронных(?) функций?

Question

[776166]

Объясните, почему записи

let xhr = new XMLHttpRequest();
xhr.open('GET', someURL, true);
xhr.onload = function(){
    console.log("foo");
}
xhr.send(null);

и

function foo(){
    console.log("foo");
}
let xhr = new XMLHttpRequest();
xhr.open('GET', someURL, true);
xhr.onload = foo();
xhr.send(null);

работают по-разному и совершенно не POLA? В первом случае срабатывает именно по событию onload, а во втором случае функция вызывается сразу. И где про это почитать?

Answer 1

[Алексей Ярков]

во втором случае функция вызывается сразу

Потому что вы ее вызываете. Скобки уберите после foo.

Answer 2

[shai_hulud]

Тут ошибка. Вызов функции вместо установки обработчика события.
xhr.onload = foo();
должно быть так:
xhr.onload = foo;

Comments

[776166]

т.е. читать про обработчики

[shai_hulud]

асинхронный IO (диск/сеть) реализуется несколькими способами.
либо через событие и метод start() - это ваш пример, событие onload и метод send()
либо через коолбек - это типа read(() => myOnReadCompletedHandler);
либо через Promise - это типа read() который возвращает Promise в котором потом будет результат

по всем трем можно чинуть на https://learn.javascript.ru/