• JS中setInterval、setTimeout不能传递带参数的函数的解决办法


    JS中setInterval、setTimeout不能传递带参数的函数的解决办法
    在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。

    一、采用字符串形式:——(缺陷)参数不能被周期性改变

    setInterval("foo(id)",1000);

    二、匿名函数包装

    window.setInterval(function()

        {

    foo (id);

        }, 1000);

       这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去;

    三、定义返回无参函数的函数

    function foo(id)

    {

       alert(id);

    }

    function _foo(id)

    {

    return function()

    {

    foo(id);

    }

    }

    window.setInterval(_foo(id),1000);

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

    四、修改setInterval

    function foo(id)

    {

    alert(id);

    }

    var _sto = setInterval; 

    window.setInterval = function(callback,timeout,param)

    var args = Array.prototype.slice.call(arguments,2); 

    var _cb = function()

    callback.apply(null,args); 

    }  

    _sto(_cb,timeout); 

    }

    window.setInterval(hello,3000,userName);

    以上的所有方法也适合setTimeout。

    本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/CrazyNotes/archive/2011/03/16/6254193.aspx

  • 相关阅读:
    java笔记前端部分
    java笔记数据库部分
    java笔记javaweb部分
    java笔记java部分
    JSON常用方法
    MYSQL索引
    Mysql查看执行计划参数解析(转载)
    MySQL中使用SHOW PROFILE命令分析性能的用法
    MySql查询
    DBeaver下载
  • 原文地址:https://www.cnblogs.com/chencidi/p/2004588.html
Copyright © 2020-2023  润新知