定时器调用含参数的函数(参函数)

版权声明:本文为博主原创文章,未经博主允许不得转载!转载请注明出处。 https://blog.csdn.net/lunhui1994_/article/details/79971455
  • 通常我们使用定时器来实现某种功能的时候,如下。
function numAdd(num){
     num++;
     console.log(num);
}
setInterval(numAdd,1000);
  • 由于无法传入参数num为undefined,之后进行++运算,变成NaN。
  • 而有时候我们会这么做
function numAdd(num){
     num++;
     console.log(num);
}
setInterval(numAdd(1),1000);
  • 但是这样我们会发现,函数会被立即执行,因为传入的参数为numAdd(1)为函数体并且带着小括号(可以理解带上小括号为执行函数)已经立马的执行了一次了。
  • 那有时候我们某些地方需要用到参数但是又不想它立即执行该怎么办呢?解决办法是在定时器的调用函数中重新return一个新的含参函数并返回。如下
function timer(num){
   return function numAdd(){
      num++;
     console.log(num); 
    }
}
setInterval(timer(num),300);
  • 相当于我们把需要调用的含参函数体再重新用一个无参函数包裹起来返回。

  • 当然还有一个取巧的方法如下:

function numAdd(num){
     num++;
     console.log(num);
}
setInterval("numAdd(1)",1000);

这样把调用参数变成字符串传入,便不会立即执行,但是需要注意的是,当你的numAdd里面传入的是变量的时候,这个变量需要是全局变量,因为函数在传入的时候是个字符串,它并没有取到你在某个函数内的局部变量,而当他执行的时候,它也只会在全局找这个变量。

阅读更多
换一批

没有更多推荐了,返回首页