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。

    ------------------------------------------------------------------------------------------------

  • 相关阅读:
    毕业设计每日博客--第一周4
    毕业设计每日博客--第一周3
    python使用chrome driver做简单爬虫--转载于简书
    毕业设计每日博客--第一周2
    毕业设计每日博客--第一周1
    每周总结9
    阅读笔记9--分析模式
    阅读笔记8--分析模式
    pycharm报错ModuleNotFoundError: No module named 'selenium'
    mac pycharm2019.3 安装和激活
  • 原文地址:https://www.cnblogs.com/zakun/p/6047290.html
Copyright © 2011-2022 走看看