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

  • 相关阅读:
    个人作业3——个人总结(Alpha阶段)
    单元测试
    个人作业2——英语学习APP案例分析
    结对作业-基于GUI的四则运算
    个人作业1:小学四则运算——基于控制台
    个人作业3--------个人总结(Alpha版本)
    结对作业 2
    个人作业 2
    结对作业 肖荣森(201421123079) 苏上鑫(201421123081)
    作业1---四则运算
  • 原文地址:https://www.cnblogs.com/chencidi/p/2004588.html
Copyright © 2011-2022 走看看