Поясните поведение кода JS

let div = document.getElementsByTagName('div');

   for (let i=0; i< div.length; i++){
       div[i].addEventListener('click', go);
   }
    function go(ev) {
        let div=ev.target;
        div.innerHTML=div.innerHTML+div.dataset.num
    }

Не проверял, но должно работать 😊

Очередное доказательство, что учебник JS не читали..

Я уже сделал рабочий вариант, вопрос не в том.

Мне интересно почему нерабочий вариант работает так как работает. Почему слушатель вызывает функцию, хотя клика нет?

Вы напрямую вызвали функцию

go(i)

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

Для понимания, того, что ждет  addEventListener -  вот такой бессмысленный, в данном случае код. Хотя, иногда может возникнуть ситуация, когда  нужны какие то данные, которых в элементе нет, но в момент обхода (HTMLCollection в вашем случае или NodeList если querySelectorAll) они есть.

let div = document.getElementsByTagName('div');
for (let i=0; i< div.length; i++){
  div[i].addEventListener('click', go(i));
}
function go(i) {
  return function(){
    div[i].innerHTML =  div[i].innerHTML +  div[i].dataset.num
  }
}
console.log(go) #просто посмотреть, что это

Доки это супер нужная и важная вещь,  но: есть ф12/консоль. Оттуда можно понять  

let divs = document.querySelectorAll('div.sssy');

divs.forEach(el=>{
  el.addEventListener('click',
    function(e){
      console.log(
        e.target.dataset.num, 
        this.dataset,         
        e, # какой то pageX и еще куча всего
        e.target, # el = e.target = this
        el,
        this)
    });
});

И уже тогда в гугл 

Правильно ли я понимаю?

1. addEventListener('click', go) - обработчик события вызовет функцию go только когда произойдет триггер события click?

2. Если указать круглые скобки 

addEventListener('click', go(i)) или addEventListener('click', go()) - функция go вызовется сразу как только интерпретатор дойдет до нее ?

P.S. получается, чтобы избежать прямого вызова, нужно оборачивать прямой вызов в еще одну функцию?

addEventListener('click', function (){go(i)});

Попробуйте посмотреть, что получится, если div изменится где то ниже. Что  div[i] в вашей функции покажет. Лучше сделать примерно так, как выше написал  ArbNet 

let div = document.getElementsByTagName('div');

   for (let i=0; i< div.length; i++){
       div[i].addEventListener('click', function(){go(i)});
   }
    function go(i) {
        div[i].innerHTML =  div[i].innerHTML +  div[i].dataset.num
    }

..........
...........
div = 22

timo-71 мне уже давно не интересно как тут нужно сделать ПРАВИЛЬНО, мне хочется понять как реально работает  addEventListener, прошу, ответьте на эти вопросы? Я перечитал главу https://learn.javascript.ru/introduction-browser-events и не нашел там ответы на эти вопросы.

Правильно ли я понимаю?

1. addEventListener('click', go) - обработчик события вызовет функцию go только когда произойдет триггер события click?

2. Если указать круглые скобки 

addEventListener('click', go(i)) или addEventListener('click', go()) - функция go вызовется сразу как только интерпретатор дойдет до нее ?

Вы наверно с закрытыми глазами читаете.. или соображение напрочь отсутствует..

Но 1,2 п. - поняли правильно 😀 addEventListener работает аналогично

1. Функция  addEventListener вторым параметром получит ссылку на go, которая в вашем случает является функцией

2.  Функция  addEventListener получит результат выполнения функции  go

Для понимания

function a(){
  return 22
}
console.log(typeof a, typeof a())
//вернет function number