zoukankan      html  css  js  c++  java
  • JS中setInterval、setTimeout不能传递带参数的函数的解决方案

    在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,接下来为大家介绍具体的解决方法
     
     
    在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。
  • 相关阅读:
    JS中的getter与setter
    Node.js中exports与module.exports的区别
    JS中的匿名函数自执行、函数声明与函数表达式
    JS实现千分位
    JS中的new操作符原理解析
    JS中null与undefined的区别
    JavaScript中callee与caller,apply与call解析
    解决vue路由与锚点冲突
    jQuery中deferred的对象使用
    Vue的生命周期
  • 原文地址:https://www.cnblogs.com/AaronYang/p/3203960.html
Copyright © 2011-2022 走看看