js：在事件中调用匿名函数和直接调用函数的区别？

Question

window.onload = function(){
        username.onblur = function () {
        userValidator();
    };
};  



window.onload = function(){
        username.onblur = userValidator();
};  

这两者有什么区别，为什么后者只有在页面重新加载时才调用；

Answer 1

第一种username.onblur被赋值成函数，这个函数中执行了userValidator();
第二种username.onblur被赋值成userValidator()的返回值，换句话说，userValidator执行后的返回值付给了onblur

至于为什么：
前者username.onblur是一个函数，在你调用的时候才会触发；
后者直接执行了userValidator，userValidator实际上是userValidator的返回值（如果没有定义返回值则返回undefined），所以肯定不会执行

Answer 2

后者使用方法错了- -。
绑定时是给函数的；

function  userValidator(){
//codeo
}
window.onload = function(){
        username.onblur = userValidator;
};  

Answer 3

//1
window.onload = function(){
        username.onblur = function () {
        userValidator();
    };
};  

//2
window.onload = function(){
        username.onblur = userValidator();
};  

第1段代码在页面load完成后，函数被调用，在函数中 为username的onblur属性绑定一个匿名函数
第2段代码在页面load完成后，函数被调用，在函数中 为username的onblur属性绑定一个userValidator函数的执行结果(可能返回的不是一个函数对象，那么绑定就没有效果)

为什么后者只有在页面重新加载时才调用；
页面重新加载后，onload绑定的函数被执行，userValidator函数就被执行