函数作为参数vs处理程序JS

Question

我正在学习JS和JQuery。我想知道为什么这个代码在窗口加载时返回9？

$(document).ready(function(){
    function foo(a){
        console.log(a *= a);
    };
    $('#btn').click(foo(3));
}); 

为什么它不像标准处理程序那样做？

$('#btn').click(function(){
    foo(3);
});