深入解析JavaScript中定时器的函数传参问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/HHH_LLL/article/details/90084313

首先看一个例子：

function f1(num){
    console.log(num);
}
setTimeout(f1(1),300);

输出：

1
//一大段错误，错误内容主要是回调必须是一个函数

这里f1(1)带有括号和参数，所以在程序运行时立即执行了一次，然后返回值自然就不是函数了。那假如我们需要去调用函数并传递参数，我们应该如何做呢。

有以下几种方法：

1，使用匿名函数包装：

function f1(num){
     console.log(num);
}
setTimeout(function(){f1(1)},300);   //输出1，无错误

2，函数内使用闭包：

function f1(num){
   return function f2(){
      console.log(num);
   }
}
setTimeout(f1(1),300);    //1

3，使用bind()方法（注意bind返回的是一个函数）：

function f1(num){
     console.log(num);
}
setTimeout(f1.bind(null,1),300);   //1

4，函数外部传参：

(function(num){
    setTimeout(function(){
      console.log(num);
    },300);
})(1);   
//300毫秒后输出1