JavaScript中函数对象与函数有什么区别？

Question

//校验密码
function checkPassword() {
    var password = document.getElementById("password").value;
    var reg = /^\w{6,12}$/;
    var span = document.getElementById("s_password");
    if (reg.test(password)) {
        span.innerHTML = "<img width = '25%' src = 'img/gou.png'>";
    } else {
        span.innerHTML = "密码格式错误";
    }
    return reg.test(password);
 }

//注册信息提示（以下代码运行时只保留一行并去掉前面的序号）
①document.getElementById("password").onblur = checkPassword;
②document.getElementById("password").onblur = checkPassword;

如以上代码
如果//注册提示信息我写成

①document.getElementById("password").onblur = checkPassword;

则页面如下图显示，必须要点击一下密码输入框再点击其他地方，才会触发onblur事件，密码格式的提示才会显示。

而如果//注册提示信息我写成

②document.getElementById("password").onblur = checkPassword();

则页面如下图显示，一刷新页面密码格式的提示就显示出来了，还没点击就已经触发了onblur事件。

求教：①和②这两行代码有什么区别？加()与不加()区别是什么？这两行代码分别是怎么运行的？

Answer 1

JS中的函数是一种叫做Function引用类型的实例，因此函数是一个对象。函数名则是指向这个对象的引用地址。
做为一个对象，函数是可以赋值传递的。
dom元素的事件所需要的是函数对象的引用地址。

函数名后面不加圆括号()就是获取函数对象的引用地址，（这样不调用执行函数）。
如：document.getElementById("password").onblur = checkPassword; 表示把函数checkPassword这个对象的引用地址赋值给password元素的onblur事件。

函数名后面的圆括号()实际上是调用（执行）函数的运算符。
如果函数名后面加上圆括号就表示立即调用（执行）这个函数里面的代码。
如：document.getElementById("password").onblur = checkPassword(); 表示立即调用（执行）checkPassword函数，并将函数执行后的return返回值（没有return会返回undefined）赋值给password元素的onblur事件。