前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >setInterval(code, time)中code传递参数办法

setInterval(code, time)中code传递参数办法

作者头像
用户1217459
发布2018-01-31 14:15:22
1.3K0
发布2018-01-31 14:15:22
举报
文章被收录于专栏:Young DreamerYoung Dreamer

1.使用setInterval的场景

有时我们需要隔一定的时间执行一个方法,这时就会用到setInterval,但是由于这个方法是浏览器模拟出的Timer线程,在调用我们方法时不能为其传递参数。

2.setInterval传递参数办法

(1)采用string literals形式

  setInterval("interval(param)",1000);

  缺点:param必须是全局变量(即window对象上的变量),参数不能被周期性改变

(2)匿名函数包装

  window.setInterval(function()

      {

    interval(param);

      }, 1000);

  function interval(args){

  // TODO code

  }

   优点:周期性执行interval(param),且把变量param传递进去,param可以是局部变量

(3)闭包

  window.setInterval(wrapper(params), 1000);

  function wrapper(args){

    return function() {

      var params = args;

      // TODO code

    }

  }

  优点:利用闭包传参,简洁、思路清晰

(4)修改setInterval函数本身

  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(interval,1000,arg);

  缺点:永久性修改setInterval函数,不可逆

3. 个人推荐

  建议使用第三种方法。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-01-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档