如何动态改变回调函数 ?

Question

代码如下:var fun = function(){console.log("fun!")};var fun1 = function(){console.log("fun1!")}; function run(fun){     setTimeout(function(){        fun();     },1000); } run(fun);fun = fun1;现在想把回调fun在run执行过程中动态改变为fun1, 但是fun = fun1覆盖的方式没有生效这是什么原因呢？ 传引用的话覆盖以后fun的函数地址应该是更新的啊。如何修改？

Answer 1

每一个函数都有一个作用域，在将函数添加到执行栈中的时候，函数里的各个变量到底是什么就已经决定了（除去一些动态的情况，比如this，比如你在函数中去取外部作用域的值或者页面上的元素）。你将fun传给run，run的形参fun就指向了外部的fun函数，即这时候有两个引用指向该函数。当你改变外部fun的指向的时候，函数内的fun指向并没有改变。

所以，只要确保run函数内的fun指向始终指向外部就可以的。改法如下：

var fun = function(){console.log("fun!")};var fun1 = function(){console.log("fun1!")};

function run(){ // 这里去掉形参fun，让内部的fun始终指向外部函数
    setTimeout(function(){        fun();
    },1000);
}
run(fun);fun = fun1;