javascript - js:在事件中调用匿名函数和直接调用函数的区别?
ringa_lee
ringa_lee 2017-04-10 18:08:00
[JavaScript讨论组]
window.onload = function(){
        username.onblur = function () {
        userValidator();
    };
};  



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

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

ringa_lee
ringa_lee

ringa_lee

全部回复(3)
黄舟

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

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

PHP中文网

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

function  userValidator(){
//codeo
}
window.onload = function(){
        username.onblur = userValidator;
};  
阿神
//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函数就被执行

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号