zoukankan      html  css  js  c++  java
  • 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。

  • 相关阅读:
    noi.ac NOI挑战营模拟赛1-5
    TJOI2015 弦论
    CQOI2018 破解D-H协议
    NOI2013 矩阵游戏
    NOI2015 荷马史诗
    NOI2015 寿司晚宴
    SDOI2014 重建
    NOI1999 生日蛋糕
    NOI2015 程序自动分析
    ZJOI2008 泡泡堂
  • 原文地址:https://www.cnblogs.com/purplefox2008/p/1884654.html
Copyright © 2011-2022 走看看