在JavaScript中没有括号的调用函数时？

Question

我对addEventListener（）中带/不带括号的调用函数之间的区别感到非常困惑。

代码1：

<WorkCard
  v-for="(obj,index) in work_item_list" 
  v-bind:key="index"
  v-bind:work-item="obj"
  v-bind:index="index" // add here
</WorkCard>

代码2：

var clickerNumber = -1; 

var button = document.getElementsByTagName("button")[0];

button.addEventListener("click", clickerCount);

function clickerCount(){
    clickerNumber++;
    console.log(clickerNumber);
}

当我单击按钮时，代码1起作用，它将显示clickernumber，但是代码2在控制台中仅显示0，并且单击按钮不会更改clickernumber。这里发生了什么，机制是什么？