JavaScript中多次调用带回调的函数会执行所有回调吗？

嘿，作为一个从Java转JavaScript的开发者，这个疑惑真的太有共鸣了！毕竟两种语言在回调处理上的逻辑确实有差异，我来给你讲明白～

首先看你给出的JavaScript代码：

function kevin(cb){ 
  //此处执行异步操作，完成后调用cb(1); 
}

// 第一次调用
kevin(x=> console.log(x));
// 回调未触发前再次调用
kevin(y=> console.log(y));

在JavaScript里，每次调用kevin函数时，传入的回调函数都是一个完全独立的新实例——就像你每次new一个新的Java对象一样，它们之间没有任何关联。

为什么不会被覆盖？ #

原因很简单：kevin函数的cb参数是局部变量。每次调用kevin，JavaScript都会为这次调用创建一个全新的函数执行上下文，cb会绑定到你这次传入的回调函数上，和之前调用的cb完全是两个不同的变量。当异步操作完成时，每个上下文里的cb都会被调用，所以两个回调都会执行，最终会打印两次1（顺序取决于异步操作完成的先后，但一定会都执行）。

和Java的区别在哪里？ #

你在Java里遇到的“第二次调用覆盖第一次”，大概率是因为你的Java代码把回调存储在了共享的成员变量里——比如一个单例类的字段，每次设置回调时都是给这个字段重新赋值，后面的赋值自然会覆盖前面的。举个类似的Java例子：

public class Kevin {
    private Callback callback;

    public void setCallback(Callback cb) {
        this.callback = cb; // 第二次调用会覆盖这里的引用
    }

    public void doAsync() {
        // 异步操作完成后调用callback.onResult(1);
    }
}

这种情况下，如果你先kevin.setCallback(cb1); kevin.doAsync();，再kevin.setCallback(cb2); kevin.doAsync();，那异步完成后只会调用cb2，因为callback字段已经被覆盖了。

但JavaScript的kevin函数里，cb是局部参数，没有共享的变量来存储它，所以每次调用的回调都被单独保存，不会互相覆盖。

实际验证一下 #

我们可以用setTimeout模拟异步操作，实际运行看看：

function kevin(cb) {
  setTimeout(() => {
    cb(1);
  }, 1000); // 1秒后执行回调
}

kevin(x => console.log("第一个回调输出:", x));
kevin(y => console.log("第二个回调输出:", y));

运行这段代码，1秒后你会看到控制台打印两行内容：

第一个回调输出: 1
第二个回调输出: 1

（顺序可能颠倒，但两个回调都会执行）

总结一下：JavaScript中只要你每次调用函数时传入的是不同的回调（哪怕逻辑一样），它们都会被独立执行，不会被后续调用覆盖——这和Java中用共享变量存储回调的场景完全不同。

内容的提问来源于stack exchange，提问作者Relm