javascript - 如何动态改变回调函数 ?

问题描述

问 题

代码如下:

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的函数地址应该是更新的啊。
如何修改？

解决方案

每一个函数都有一个作用域，在将函数添加到执行栈中的时候，函数里的各个变量到底是什么就已经决定了（除去一些动态的情况，比如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;

这篇关于javascript - 如何动态改变回调函数 ?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！