zoukankan      html  css  js  c++  java
  • js定时器调用参数的方法

    var userName="Tony";

    //根据用户名显示欢迎信息
    function ss(_name){
    alert("ss,"+_name);
    }

    使用字符串形式可以达到想要的结果:
    window.setTimeout("ss(userName)",3000);
    这里的字符串是一段JavaScript 代码,其中的userName 表示的是变量.但这种写法不够直观,而且有些场合必须使用函数名


    <script language="JavaScript" type="text/javascript">
    <!--
    var userName="jack";
    //根据用户名显示欢迎信息
    function ss(_name){
    alert("ss,"+_name);
    }
    //创建一个函数,用于返回一个无参数函数
    function _ss(_name){
    return function(){
    ss(_name);
    }
    }
    window.setTimeout(_ss(userName),3000);
    //此处也可以写为window.setTimeout( function(){return ss(userName)}, 3000);
    //就不用再定义function _ss()
    //-->
    </script>


    这 里定义了一个函数_ss,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数.在 window.setTimeout函数中,使用_ss(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能.

    无论是window.setTimeout 还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必需要带参数,这就需要想方法解决.
    例如对于函数hello(_name),它用于针对用户名显示欢迎信息:

     

    var userName="Tony";
    //根据用户名显示欢迎信息
    function hello(_name){
    alert("hello,"+_name);
    }


    这时,如果企图使用以下语句来使hello函数延迟3 秒执行是不可行的:
    window.setTimeout(hello(userName),3000);
    这将使hello函数立即执行,并将返回值作为调用句柄传递给setTimeout 函数,其结果并不是程序需要的.而使用字符串形式可以达到想要的结果:
    window.setTimeout("hello(userName)",3000);
    这里的字符串是一段JavaScript 代码,其中的userName 表示的是变量.但这种写法不够直观,而且有些场合必须使用函数名,下面用一个小技巧来实现带参数函数的调用:


    <script language="JavaScript" type="text/javascript">
    <!--
    var userName="jack";
    //根据用户名显示欢迎信息
    function hello(_name){
    alert("hello,"+_name);
    }
    //创建一个函数,用于返回一个无参数函数
    function _hello(_name){
    return function(){
    hello(_name);
    }
    }
    window.setTimeout(_hello(userName),3000);
    //此处也可以写为window.setTimeout( function(){return hello(userName)}, 3000);
    //就不用再定义function _hello()
    //-->
    </script>


    这 里定义了一个函数_hello,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数.在 window.setTimeout函数中,使用_hello(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能.

  • 相关阅读:
    UITextView 实现placeholder的方法
    15个重要的Android代码
    Java 网络文件传输
    iPhone打包步骤
    (转)android开发中WebView的使用(附完整程序)
    来自老外用jquery实现的内容隐藏代码
    AJAX实现页面选项卡、隔行换色、弹出层功能代码
    JavaScript防FLASH效果的下拉菜单导航代码
    CSS打造全兼容(IE6、IE7、FF)的下拉导航菜单
    很简单的CSS黑色线条滑动门代码
  • 原文地址:https://www.cnblogs.com/yiran123456/p/5559540.html
Copyright © 2011-2022 走看看